Vsako spletno mesto je sestavljeno iz strukturnih, funkcionalnih in slogovnih elementov. Cascading Style Sheets narekujejo videz ("videz in občutek") spletnega mesta. Ti slogi so ločeni od strukture HTML, da omogočajo lažje posodabljanje in upoštevanje spletnih standardov.
Težava s tabelami s slogi
Z velikostjo in zapletenostjo številnih spletnih mest danes lahko tabele slogi postanejo precej dolgotrajne in okorne. Ta problem se je zdaj še bolj zapletel medijska vprašanja za odzivni spletni slogi so bistveni del zasnove, ki zagotavlja, da je spletno mesto videti tako, kot bi moralo biti, ne glede na napravo. Že te medijske poizvedbe lahko dokumentu CSS dodajo znatno število novih slogov, s čimer je delo še težje. Obvladovanje te zapletenosti lahko pripombe CSS postanejo neprecenljiva pomoč oblikovalcem spletnih strani in razvijalcem.
Komentarji Dodaj strukturo in jasnost
Dodajanje komentarjev v datoteke CSS spletnega mesta organizira odseke te kode za bralca, ki pregleda dokument. Zagotavlja tudi doslednost, ko en spletni strokovnjak nadaljuje tam, kjer drug zapusti ali ko ekipe delajo na spletnem mestu.
Dobro oblikovani komentarji sporočajo pomembne vidike slogovnih članov članom skupine, ki morda ne poznajo kode. Ti komentarji so koristni tudi za ljudi, ki so že delali na spletnem mestu, a pred kratkim še niso; spletni oblikovalci običajno delajo na številnih spletnih mestih in zapomniti si oblikovalske strategije od ene do druge je težko.
Samo za profesionalne oči
Komentarji CSS niso prikazani, ko se stran upodobi spletni brskalniki. Ti komentarji so zgolj informativni, prav tako Komentarji HTML so (čeprav je skladnja drugačna). Ti komentarji CSS na noben način ne vplivajo na vizualni prikaz spletnega mesta.
Dodajanje komentarjev CSS
Dodajanje komentarja CSS je zelo enostavno. Postavite svoj komentar v knjigo s pravilnimi oznakami za odpiranje in zapiranje komentarjev:
Začnite svoj komentar tako, da dodate /* in ga zaprite z */.
Vse, kar se pojavi med tema dvema oznakama, je vsebina komentarja, ki je vidna samo v kodi in je brskalnik ne upodobi.
Komentar CSS lahko zavzame poljubno število vrstic. Tu sta dva primera:
/ * primer rdeče obrobe * /
div # border_red {
obroba: tanka trdno rdeča;
}
/***************************
****************************
Slog besedila kode
****************************
***************************/
Razbijanje odsekov
Številni oblikovalci slogovne liste organizirajo v majhne, lahko prebavljive koščke, ki jih je enostavno brati med branjem. Običajno boste videli komentarje, pred katerimi bodo sledili nizi vezajev, ki na strani ustvarijo velike, očitne prelome, ki jih je enostavno videti. Tu je primer:
/ * Slogi glave * /
Ti komentarji pomenijo začetek novega odseka kodiranja.
Koda za komentiranje
Ker oznake komentarjev brskalniku sporočajo, naj prezre vse med njimi, lahko z njimi začasno onemogočite določene dele kode CSS. Ta trik je lahko priročen pri odpravljanju napak ali pri prilagajanju oblikovanja spletnih strani. Dejansko jih oblikovalci pogosto uporabljajo za "komentiranje" ali "izklop" področij kode, da vidijo, kaj se zgodi, če ta odsek ni del strani.
Dodajte začetno oznako komentarja pred kodo, ki jo želite komentirati (onemogočite); postavite zapiralno oznako tja, kjer želite, da se onemogočeni del konča. Nič med temi oznakami ne bo vplivalo na vizualni prikaz spletnega mesta in vam bo pomagalo pri odpravljanju napak CSS-ja, da boste videli, kje se dogaja težava. Nato lahko vstopite in popravite samo to napako in nato odstranite komentarje iz kode.
Nasveti za komentiranje CSS
Veliko kodirnikov vključuje bloke komentarjev na vrhu katere koli nove datoteke s kodo. Posnemajte to strategijo tako, da v pomoč vključite blok komentarjev z vašim imenom, ustreznimi datumi in povezanimi informacijami ljudje razumejo kontekst projekta in ne samo odločitve o tem, kaj se zgodi glede na določeno kodo blok.