Meðtöldum athugasemdum í CSS númerinu þínu er gagnlegt og mjög mælt með því.
Sérhvert vefsvæði samanstendur af burðarþáttum (sem eru dictated by HTML) sem og sjónræna stíl eða "útlit og feel" þess vefsvæðis. Cascading Style Sheets (CSS) er það sem er notað til að fyrirmæla sjónræn útliti vefsíðunnar. Þessar stíll er haldið aðskildum frá HTML uppbyggingu til að auðvelda uppfærslu og samræmi við vefstaðla.
Með stærð margbreytileika margra vefsíður í dag, geta stílblöð fljótt orðið nokkuð löng og mjög fyrirferðarmikill að vinna með. Þetta er sérstaklega við þegar þú byrjar að bæta við í fjölmiðlum fyrir fyrirvarandi vefstíll . Þessar fjölmiðlafyrirspurnir einn geta bætt verulegum fjölda nýrra stíla við CSS skjal og gerir það ennfiðara að vinna með. Þetta er þar sem CSS athugasemdir geta orðið ómetanleg hjálp á vefsíðu.
Að bæta við athugasemdum við CSS-skrár á vefsíðu er frábær leið til að bæta uppbyggingu við hluta þess kóða fyrir mannlegan lesanda sem er að skoða skjalið. Það er líka yndisleg aðferð til að útskýra þessar stíll fyrir fagfólk sem getur þurft að vinna á síðuna í framtíðinni - þar með talið sjálfur!
Í the endir, smekklega bætt CSS athugasemdir mun gera stíl lak auðveldara að vinna úr. Þetta er örugglega mikilvægt fyrir stílblöð sem verður breytt af liðum. Athugasemdir er hægt að nota til að miðla mikilvægum þáttum stílsins til mismunandi meðlima hópsins sem ekki er kunnugt um kóðann þegar. Þessar athugasemdir geta einnig verið mjög gagnlegar fyrir fólk sem hefur unnið á síðunni áður en þeir komast aftur inn í kóðann eftir að hafa verið í burtu frá því í nokkurn tíma. Ég hef oft þurft að breyta vefsíðu sem ég reisti mánuði eða jafnvel árum síðan og hafa vel sniðin athugasemdir í HTML og CSS er mjög velkomið hjálp! Mundu að bara vegna þess að þú byggðir síðuna þýðir ekki að þú munir eftir því hvers vegna þú gerðir það sem þú gerðir þegar þú kemur aftur til þessarar síðu í framtíðinni! Athugasemdir geta gert fyrirætlanir þínar skýrar og hreinsa upp misskilning áður en þau gerast.
Eitt sem þarf að skilja um CSS athugasemdir er að þær birtast ekki þegar blaðið birtist í vafra. Þessar athugasemdir eru aðeins upplýsandi, rétt eins og HTML athugasemdir eru (þótt setningafræði sé öðruvísi á milli tveggja). Þessar CSS athugasemdir hafa ekki áhrif á sjónræna skjáinn á einhvern hátt og eru einfaldlega til staðar í kóðanum sjálfum.
Bætir við CSS Comments
Að bæta við CSS athugasemd er alveg auðvelt. Þú bókar einfaldlega athugasemdina þína með réttum opnun og lokun athugasemdarkóða:
- Byrjaðu ummæli þín með því að bæta við / *
- Lokaðu athugasemd þinni með því að bæta við * /
Nokkuð sem birtist á milli þessara tveggja tóna verður innihald athugunarinnar, aðeins sýnilegt í kóðanum og ekki gefinn af vafranum.
CSS athugasemd getur verið ein lína, eða það getur tekið upp margar línur. Hér er ein lína dæmi:
div # border_red {landamær: þunnt, solid rauður; } / * rautt landamæri dæmi * /Og fjölþætt dæmi:
/ *************************** ********************** ****** Stíll fyrir texta kóða **************************** ************ *************** /Breaking Out kafla
Ein af þeim leiðum sem ég nota oft CSS athugasemdir er að skipuleggja stíll lakann minn í smærri, auðveldari disestible klumpur. Mér líkar að geta auðveldlega séð þessa hluti þegar ég skoða skrána seinna. Til að gera þetta bætir ég oft við athugasemdum með fullt af vísbendingum í þeim þannig að þeir sjái um stóran, augljós brot á síðunni sem auðvelt er að sjá þar sem ég flýtur fljótt í gegnum kóðann. Hér er dæmi:
/ * ----------------------- Header Styles ----------------------- ------- * /Þegar ég sé einn af þessum athugasemdum í kóðanum veit ég að það er byrjun nýrrar hluta þess skjals, sem gerir mér kleift að auðveldara að vinna úr og nota kóðann.
& # 34; Skrifa út & # 34; Kóði
Athugasemdirmerki geta einnig verið gagnlegar í raunferli kóðunar og kembiforrit síðu. Athugasemdir er hægt að nota til að "athuga út" eða "slökkva" á þeim kóða til að sjá hvað gerist ef þessi hluti er ekki hluti af síðunni.
Svo hvernig virkar þetta? Jæja, vegna þess að athugasemdarkóðarnir segja að vafrinn sé að hunsa allt á milli þeirra, þá getur þú notað þau til að gera tímabundið óvirkan hluta af CSS kóða. Þetta getur verið gagnlegt þegar kembiforrit er notað eða þegar þú breytir vefsíðuuppsetningu.
Til að gera þetta, þá ættir þú einfaldlega að bæta við opnunarkóða merkinu þar sem þú vilt að kóðinn sé að byrja að vera óvirkur og þá setja það endalok þar sem þú vilt að fatlaður hluti sé lokið. Allt á milli þessara merkja hefur ekki áhrif á sjónræna skjáinn á síðuna, sem gerir þér kleift að kemba CSS til að sjá hvar vandamál geta átt sér stað. Þú getur þá farið inn og lagað bara þetta mál og fjarlægðu athugasemdirnar frá kóðanum.
CSS ummæli
Sem uppskrift, hér eru nokkrar ábendingar til að muna eftir því að nota athugasemdir í CSS þínum:
- Athugasemdir geta farið yfir margar línur.
- Athugasemdir geta innihaldið CSS þætti sem þú vilt ekki láta vafrann vita en vil ekki eyða alveg. Þetta er góð leið til að kemba stílblöð vefsíðunnar - bara vertu viss um að fjarlægja ónotaðar stíll (í stað þess að láta þá ummæli) ef þú ákveður að þú þarft ekki á vefsíðunni
- Notaðu athugasemdir þegar þú skrifar flókið CSS til að bæta skýringu og upplýsa framtíðarhönnuði, eða sjálfan þig í framtíðinni, um mikilvæga hluti sem þeir ættu að vita. Þetta mun spara framtíðartíma fyrir alla sem taka þátt.
- Athugasemdir geta einnig innihaldið meta upplýsingar eins og:
- höfundur
- dagsetning búin til
- höfundarréttarupplýsingar
Frammistaða
Athugasemdir geta vissulega verið gagnlegar, en verið meðvitaðir um að því fleiri athugasemdir sem þú bætir við í stílblað, sem er mun meiri en það mun verða, sem mun hafa áhrif á niðurhalshraða og frammistöðu síðunnar. Þetta er alvöru áhyggjuefni, en þú ættir ekki að hika við að bæta við gagnlegum og lögmætum athugasemdum af ótta við að árangur muni verða. Línur CSS bætast ekki við umtalsverða stærð í skjali. Þú þarft að bæta við tonn af athugasemdum til að hafa veruleg áhrif á stærð CSS skráarinnar. Ef þú bætir handfylli af gagnlegum athugasemdum í CSS þinn ætti ekki að gefa þér neikvæð áhrif á blaðsíðuna.
Að lokum viltu finna jafnvægi á milli gagnlegra athugasemda og of margra athugasemda til að fá ávinning af báðum í CSS skjölunum þínum.
Upprunaleg grein af Jennifer Krynin. Breytt af Jeremy Girard þann 7/5/17