Svaka web stranica sastoji se od strukturnih (diktiranih HTML-om), funkcionalnih i stilskih elemenata. Cascading Style Sheets (CSS) koriste se za diktiranje izgleda ("izgled i dojam") web stranice. Ovi se stilovi drže odvojenima od HTML strukture kako bi se olakšalo ažuriranje i pridržavanje web standarda.
Problem s stilskim listovima
S obzirom na veličinu i složenost mnogih web stranica, stilski listovi mogu postati prilično dugotrajan i težak. To je osobito istinito kada su medijski upiti za odgovarajući stilovi web suštinski dio dizajna, čime se osigurava da web stranica izgleda kao da treba bez obzira na uređaj. Ti medijski upiti sami mogu dodati značajan broj novih stilova u CSS dokument, čime je još teže raditi. Ovo je mjesto gdje komentari CSS-a mogu postati neprocjenjiva pomoć dizajnerima web-mjesta i programerima.
Komentari Dodaj strukturu i jasnoću
Dodavanje komentara CSS datotekama na webu odličan je način organiziranja odjeljaka tog koda za čitatelja koji pregledava dokument. Također osigurava dosljednost kada jedan web profesionalac preuzme mjesto gdje drugi odlazi, ili kada timovi ljudi rade na web mjestu.
Dobro oblikovani komentari mogu komunicirati važne aspekte stilskog lista članovima tima koji možda već nisu upoznati s kodom. Ovi komentari su također vrlo korisni za ljude koji su radili na mjestu prije, ali nisu nedavno; web dizajneri obično rade na mnogim mjestima, a sjećanje na strategije dizajna od jednog do drugog je teško.
Samo za oči profesionalaca
CSS komentari se ne prikazuju kada se stranica prikaže u web preglednicima. Ti su komentari samo informativni, baš kao i komentari HTML-a (iako je sintaksa drugačija). Ovi komentari CSS-a ne utječu na vizualni prikaz web mjesta na bilo koji način.
Dodavanje komentara CSS-a
Dodavanje komentara CSS-a vrlo je jednostavno. Jednostavno rezervirate svoj komentar s točnim otvaranjem i zatvaranjem oznaka komentara:
- Započnite svoj komentar dodavanjem
/*
- Zatvori svoj komentar dodavanjem
*/
Sve što se pojavljuje između ove dvije oznake jest sadržaj komentara koji je vidljiv samo u kodu, a koji ne prikazuje preglednik.
Komentar CSS-a može zauzeti bilo koji broj redaka. Evo dva primjera:
/ * crveni granični primjer * / div # border_red { granica: tanka čvrsta crvena; }/*******************************************************Stil za tekst kod*******************************************************/ Mnogi dizajneri organiziraju listove stilova u malim, lako probavljivim komadima koji se lako čitaju prilikom čitanja. Uobičajeno, vidjet ćete komentare prethode i praćene nizom crtica koje stvaraju velike, očite pauze na stranici koje je lako vidjeti. Evo primjera: / * ----------------------- Stilovi zaglavlja ----------------------- ------- *
Ovi komentari upućuju na početak nove sekcije kodiranja. Budući da oznake komentara kažu pregledniku da zanemari sve između njih, možete ih koristiti da biste privremeno onemogućili određene dijelove CSS koda. To može biti korisno prilikom otklanjanja pogrešaka ili prilagodbe oblikovanja web stranice. U stvari, dizajneri ih često koriste kako bi "komentirali" ili "isključili" područja koda kako bi vidjeli što se događa ako taj dio nije dio stranice. Da biste to učinili, jednostavno dodajte oznaku komentara otvaranja prije koda koji želite komentirati (onemogućiti); stavite oznaku za zatvaranje na mjesto na kojem želite da se onemogućeni dio završi. Ništa između tih oznaka neće utjecati na vizualni prikaz web mjesta, što vam omogućuje uklanjanje pogrešaka pomoću CSS-a da biste vidjeli gdje se problem događa. Tada možete ući i popraviti samo taj problem te ukloniti komentare iz koda. Kao recap, evo nekoliko savjeta za zapamćivanje korištenja komentara u svojem CSS-u: Prilikom dodavanja previše komentara može utjecati na brzinu preuzimanja i izvedbu web mjesta, ne biste trebali oklijevati ih koristiti. Bilo bi mnogo redaka komentara da bi imali značajan negativan učinak. Kao i mnogi aspekti web dizajna, sve se svodi na ravnotežu. Razbijanje sekcija
"Komentirajući" kod
CSS komentiranje savjeta
Izvođenje
