Každá webová stránka pozostáva zo štrukturálnych (ktoré sú diktované HTML), funkčných a štylistických prvkov. Kaskádové štýly (CSS) sa používajú na diktovanie vzhľadu ("vzhľad a pocit") webových stránok. Tieto štýly sú oddelené od štruktúry HTML, čo umožňuje jednoduchú aktualizáciu a dodržiavanie webových štandardov.
Problém s štýlmi
S veľkosťou a zložitosťou mnohých webových stránok dnes štýly môžu byť dosť zdĺhavé a ťažkopádne. Platí to najmä vtedy, keď sú mediálne otázky týkajúce sa odpovedajúcich štýlov webových stránok neodmysliteľnou súčasťou dizajnu a zabezpečia, aby webové stránky vyzerali tak, ako by to malo byť bez ohľadu na zariadenie. Samotné mediálne dopyty dokážu do dokumentu CSS pridať značné množstvo nových štýlov, čím je ešte ťažšie pracovať. Práve tam sa môžu príspevky CSS stať neoceniteľnou pomôckou pre dizajnérov a vývojárov webových stránok.
Komentáre Pridať štruktúru a jasnosť
Pridávanie komentárov k súborom CSS webových stránok je skvelý spôsob, ako organizovať časti tohto kódu pre čitateľa, ktorý kontroluje dokument. Zabezpečuje tiež konzistentnosť, keď jeden webový profesionál zdvihne, kde niekto odíde, alebo keď na danom mieste pracujú tímy ľudí.
Dobre naformátované komentáre môžu komunikovať dôležité aspekty šablóny štýlov s členmi tímu, ktorí už s kódom už nemusia poznať. Tieto komentáre sú tiež veľmi užitočné pre ľudí, ktorí predtým pracovali na webe, ale nedávno; web dizajnéri zvyčajne pracujú na mnohých stránkach a pamätať si stratégie dizajnu z jedného na druhého je ťažké.
Len pre odborníkov
Pri zobrazovaní stránky vo webových prehliadačoch sa komentáre CSS nezobrazia. Tieto komentáre sú len informačné, rovnako ako komentáre HTML (hoci syntax je iný). Tieto komentáre CSS neovplyvňujú vizuálne zobrazenie stránky akýmkoľvek spôsobom.
Pridávanie komentárov služby CSS
Pridávanie komentára CSS je pomerne jednoduché. Jednoducho začiarknite svoj komentár správnymi otváracími a záverečnými komentármi:
- Začnite svoj komentár pridaním
/*
- Zatvorte svoj komentár pridaním
*/
Všetko, čo sa objaví medzi týmito dvoma tagmi, je obsahom komentára, ktorý je viditeľný iba v kóde a ktorý prehliadač nevytvára.
Komentár CSS môže zaujať ľubovoľný počet riadkov. Tu sú dva príklady:
/ * červený príklad hraníc * / div # border_red { hranica: tenká červená; }/*******************************************************Štýl pre kódový text*******************************************************/ Mnoho dizajnérov organizuje štýly v malých, ľahko stráviteľných kusoch, ktoré sa ľahko snímajú pri čítaní. Zvyčajne uvidíte komentáre, pred ktorými nasleduje séria pomlčiek, ktoré vytvárajú veľké, zjavné prestávky na stránke, ktoré sú ľahko viditeľné. Tu je príklad: / * ----------------------- Styly hlavičky ----------------------- ------- * /
Tieto komentáre naznačujú začiatok novej časti kódovania. Pretože značky komentárov informujú prehliadač, aby ignoroval všetko medzi nimi, môžete ich použiť na dočasné vypnutie určitých častí kódu CSS. To môže byť užitočné pri ladení alebo pri úpravách formátovania webovej stránky. V skutočnosti ich dizajnéri často používajú na "komentovanie" alebo "vypnutie" oblastí kódu, aby zistili, čo sa stane, ak táto časť nie je súčasťou stránky. Za týmto účelom jednoducho pridajte značku úvodného komentára pred kód, ktorý chcete komentovať (zakázať); umiestnite uzatváraciu značku tam, kde chcete ukončiť vypnutú časť. Nič medzi týmito značkami neovplyvní vizuálne zobrazenie lokality, čo vám umožní ladiť CSS a zistiť, kde sa problém vyskytuje. Potom môžete vstúpiť a odstrániť komentáre z tohto kódu. Ako recap, uvádzame niekoľko tipov, ktoré si musíte zapamätať v komentároch vo vašom CSS: Pri pridávaní príliš veľa komentárov môže mať vplyv na rýchlosť a výkonnosť sťahovania stránok, nemali by ste ich váhať používať. Bolo by potrebné veľa komentárov, ktoré by mali významný negatívny vplyv. Rovnako ako toľko aspektov webového dizajnu, všetko sa vyrovnáva. Rozdelenie sekcií
Kód na komentovanie
CSS komentujúce tipy
výkon
