Hvert websted består af strukturelle (som dikteres af HTML), funktionelle og stilistiske elementer. Cascading Style Sheets (CSS) bruges til at diktere udseendet ("look and feel") af et websted. Disse stilarter holdes adskilt fra HTML-strukturen, så det er let at opdatere og overholde webstandarder.
Problemet med stilark
Med størrelsen og kompleksiteten af mange websteder i dag kan stilarkene blive ganske lange og besværlige. Dette gælder især nu, at medieforespørgsler til lydhurtige webstedsformater er en væsentlig del af design, der sikrer, at et websted ser ud som det skal, uanset enhed. Disse medie forespørgsler alene kan tilføje et betydeligt antal nye stilarter til et CSS dokument, hvilket gør det endnu sværere at arbejde med. Det er her, CSS-kommentarer kan blive en uvurderlig hjælp til webdesignere og udviklere.
Kommentarer Tilføj struktur og klarhed
Tilføjelse af kommentarer til et websteds CSS-filer er en fantastisk måde at organisere dele af den kode på for en menneskelig læser, der gennemgår dokumentet. Det sikrer også konsistens, når en webprofessor opfanger, hvor en anden forlader, eller når teams af mennesker arbejder på et websted.
Velformaterede kommentarer kan kommunikere vigtige aspekter af stilarket til medlemmer af et hold, som måske ikke er bekendt med koden allerede. Disse kommentarer er også meget nyttige for folk, der har arbejdet på webstedet før, men ikke for nylig; webdesignere arbejder typisk på mange steder, og det er svært at huske designstrategier fra den ene til den anden.
Kun for professionelle øjne
CSS-kommentarer vises ikke, når siden gøres i webbrowsere. Disse kommentarer er kun informative, ligesom HTML-kommentarer er (selvom syntaksen er anderledes). Disse CSS-kommentarer påvirker ikke visuel visning af et websted på nogen måde.
Tilføjelse af CSS-kommentarer
Tilføjelse af en CSS-kommentar er ret nemt. Du booker blot din kommentar med de rigtige åbnings- og lukkede kommentarkoder:
- Start din kommentar ved at tilføje
/*
- Luk din kommentar ved at tilføje
*/
Alt der vises mellem disse to tags er indholdet af kommentaren, kun synligt i koden og ikke gengivet af browseren.
En CSS-kommentar kan optage et hvilket som helst antal linjer. Her er to eksempler:
/ * rød grænse eksempel * / div # border_red { kant: tynd fast rød; }/*******************************************************Stil til kodetekst*******************************************************/ Mange designere organiserer stilark i små, let fordøjelige bidder, som er nemme at scanne, når de læser. Normalt vil du se kommentarer forud for og efterfulgt af række bindestreger, der skaber store, indlysende pauser på den side, der er lette at se. Her er et eksempel: / * ----------------------- Header Styles ----------------------- ------- * /
Disse bemærkninger angiver starten på en ny sektion af kodning. Fordi kommentarmærkerne fortæller browseren at ignorere alt mellem dem, kan du bruge dem til midlertidigt at deaktivere visse dele af CSS-koden. Dette kan være praktisk ved fejlfinding, eller når du justerer websideformatering. Faktisk bruger designere ofte dem til at "kommentere" eller "slukke" områder af kode for at se, hvad der sker, hvis dette afsnit ikke er en del af siden. For at gøre dette skal du blot tilføje åbnings kommentar tag før koden du vil kommentere (deaktiver); Placer den afsluttende tag, hvor du vil have den handicappede del at ende. Intet mellem disse tags vil påvirke det visuelle display på et websted, så du kan fejle CSS'en for at se, hvor et problem opstår. Du kan så gå ind og rette netop det problem og fjerne kommentarerne fra koden. Som en omgang, her er nogle tips til at huske for at bruge kommentarer i din CSS: Mens du tilføjer for mange kommentarer, kan det påvirke et websteds downloadhastighed og ydeevne, bør du ikke tøve med at bruge dem. Det ville tage mange linjer med kommentarer for at få en betydelig negativ indvirkning. Ligesom så mange aspekter af webdesign kommer det hele til at balancere. Breaking Out sektioner
"Kommentar ud" kode
CSS Kommentar Tip
Ydeevne
