Ako komentovať v CSS?

Používanie komentárov pri písaní kódu CSS je užitočné pre vás aj pre kohokoľvek iného, kto môže na kóde pracovať alebo sa z neho naučiť. Pomocou komentárov môžete vysvetliť potenciálne mätúce funkcie, rýchlo zabrániť spusteniu blokov kódu a vytvárať dokumentáciu o funkciách a účele kódu. Nemusíte komentovať každý kúsok kódu, ktorý napíšete, ale dobré komentovanie môže pomôcť všetkým zúčastneným.

Kroky

1
Oboznámte sa s kódom komentára CSS. CSS používa C-ako "komentár" blokových -štýl komentárov: /* - -*/. To umožňuje viacriadkové komentáre a môžete ho rýchlo použiť na deaktiváciu častí svojho kódu.
```
/ * Všetko medzi počiatočnou a koncovou značkou bude komentár */ 
```

2

Použite komentár v sekciách CSS vášho kódu. Komentáre budú podporovať iba tie časti vašej stránky, ktoré sú spracované ako CSS. To znamená, že budú fungovať na vašej stránke štýlu CSS, ako aj na bloku <style> vašej stránky HTML. Nebudú fungovať v iných častiach stránky HTML. Ak potrebujete komentovať v bloku HTML, použite komentáre HTML.

<! DOCTYPE html> <html> <head> <style> p {color: #777; / *Môžete vytvárať komentáre na konci riadkov *// *Alebo môžete vytvárať komentáre medzi riadkami */ font-family: "times"; } /* Môžete vytvárať viacriadkové komentáre. Pri zobrazení stránky nebude spracované všetko medzi týmito dvoma značkami komentárov */</style> </head> <body> <p> Toto je štandardný odsek HTML. Vyššie uvedené komentáre sa na stránke nezobrazia. </p> </body> </html>

3
Zabráňte spusteniu kódu pomocou komentárov. Jedným z dôležitejších použití komentárov je zabrániť spracovaniu častí kódu. Je to skvelé na testovanie zmien a ladenie kódu.
```
<style> p {farba: #777; /* font-family: "times"; */}/ *Značky komentárov vyššie zabránia použitiu atribútu „font-family“ */ </style> 
```
Použite komentár v sekciách CSS vášho kódu.
4
Pomocou komentárov vysvetlite časť potenciálne mätúceho kódu. Nie je potrebné komentovať každý riadok kódu, ktorý zadáte, pretože CSS je dosť zrozumiteľný, ale je užitočné zahrnúť komentáre ku kódu, ktoré nemusia byť na prvý pohľad zrejmé. Pomáha to nielen ľuďom, ktorí môžu spolupracovať alebo sa učia z vášho kódu, ale môže vám to tiež pomôcť pripomenúť si funkciu kódu.
```
<style> img {nepriehľadnosť: 0,5; filter: alfa (opacita = 50); / * Pre IE6-8 */}/ * Vyššie uvedený komentár naznačuje, že kód v tomto riadku je pre Internet Explorer 6, 7 a 8 */</style> 
```

5

Pomocou komentárov vytvorte dokumentáciu v kóde. Podrobnú dokumentáciu pre svoj kód môžete vytvoriť pomocou komentárov CSS a ďalších znakov. To vám umožní vysvetliť funkciu programu a poskytnúť pokyny pre ostatných kodérov/používateľov. Kompresia CSS sa automaticky pás na to, keď príde čas, spustiť kód, takže nemusíte mať strach o dĺžke ovplyvňuje veľkosť súboru.

/*********************************************************** ********************** Z tohto dôvodu je hlavička dobrého názvu ********************* ********************************************************* / /*======== Nadpis sekcie =========* / /* - - - Nadpis podsekcie - - - -* / /*Toto môže byť text pre každý z* pre každý váš odsek. * Pridanie * na začiatok * každého riadka čitateľovi trochu uľahčí analýzu */

6
Na vytvorenie dočasných jednoriadkových komentárov použite neplatné CSS. CSS nemá funkciu „jedného riadka“ na komentovanie, ako // v JavaScripte. Vy si však použitie iba neplatné CSS na začiatku riadku, aby nasledujúce funkcie spracovávané. Toto sa nepovažuje za osvedčený postup pri veľkom ladení, ale môže to byť užitočné pri rýchlom štipnutí.
```
<style> p {farba: #777; XXXXfont-rodina: "krát"; } /* Vyššie uvedené „XXXX“ zabráni spracovaniu „rodiny písem“. Hacky kódu, ako je tento, by nemali byť ponechané na živých webových stránkach, pretože by mohli potenciálne spôsobiť čitateľovi problémy */ </style> 
```

Prečítajte si tiež: Ako otvoriť Hotmail?