Hvert nettsted består av strukturelle (som er diktert av HTML), funksjonelle og stilistiske elementer. Cascading Style Sheets (CSS) brukes til å diktere utseendet ("look and feel") av et nettsted. Disse stilene holdes skilt fra HTML-strukturen for å muliggjøre enkel oppdatering og overholdelse av webstandarder.
Problemet med stilark
Med størrelsen og kompleksiteten til mange nettsteder i dag, kan stilarkene bli ganske lange og besværlige. Dette er spesielt sant nå at mediaforespørsler for responsive nettstedstiler er en viktig del av design, slik at et nettsted ser ut som det burde, uavhengig av enhet. Disse medieforespørsler alene kan legge til et betydelig antall nye stilarter til et CSS-dokument, noe som gjør det enda vanskeligere å jobbe med. Det er her CSS-kommentarer kan bli en uvurderlig hjelp til webdesignere og utviklere.
Kommentarer Legg til struktur og klarhet
Å legge til kommentarer på et nettsteds CSS-filer er en fin måte å organisere deler av den koden på for en menneskelig leser som gjennomgår dokumentet. Det sikrer også konsistens når en webprofessor plukker opp hvor en annen går av, eller når lag av mennesker jobber på et nettsted.
Velformaterte kommentarer kan formidle viktige aspekter av stilarket til medlemmer av et lag som kanskje ikke er kjent med koden allerede. Disse kommentarene er også svært nyttige for folk som har jobbet på nettstedet før, men har ikke nylig; webdesignere jobber vanligvis på mange nettsteder, og det er vanskelig å huske designstrategier fra en til en annen.
Kun for profesjonelle øyne
CSS-kommentarer vises ikke når siden gjøres i nettlesere. Disse kommentarene er kun informative, akkurat som HTML-kommentarer er (selv om syntaksen er forskjellig). Disse CSS-kommentarene påvirker ikke visuell visning av et nettsted på noen måte.
Legge til CSS-kommentarer
Å legge til en CSS-kommentar er ganske enkelt. Du bokmer bare kommentaren din med de riktige åpnings- og lukkede kommentarene:
- Begynn din kommentar ved å legge til
/*
- Lukk din kommentar ved å legge til
*/
Alt som vises mellom disse to kodene er innholdet i kommentaren, bare synlig i koden og ikke gjengitt av nettleseren.
En CSS-kommentar kan ta opp noen linjer. Her er to eksempler:
/ * rødt grenseeksempel * / div # border_red { grense: tynn, solid rød; }/*******************************************************Stil for kodetekst*******************************************************/ Mange designere organiserer stilark i små, lett fordøyelige biter som er lette å skanne når de leses. Vanligvis ser du kommentarer på forhånd og etterfulgt av en rekke bindestreker som lager store, åpenbare brudd på siden som er lett å se. Her er et eksempel: / * ----------------------- Header Styles ----------------------- ------- * /
Disse kommentarene angir starten på en ny del av kodingen. Fordi kommentarmerkene fortelle nettleseren om å ignorere alt mellom dem, kan du bruke dem til midlertidig å deaktivere bestemte deler av CSS-koden. Dette kan være nyttig når feilsøking, eller når du justerer websideformatering. Faktisk bruker designere ofte dem til å "kommentere" eller "slå av" områder av kode for å se hva som skjer hvis den delen ikke er en del av siden. For å gjøre dette, må du bare legge til kommentarkoden før koden du vil kommentere (deaktiver); plasser lukkekoden der du vil at den deaktiverte delen skal slutte. Ingenting mellom disse kodene vil påvirke visuell visning av et nettsted, slik at du kan feilsøke CSS for å se hvor et problem oppstår. Du kan da gå inn og fikse bare det aktuelle problemet og fjerne kommentarene fra koden. Som et sammendrag, her er noen tips for å huske for å bruke kommentarer i CSS: Mens du legger for mange kommentarer, kan det påvirke nedlastingshastigheten og ytelsen til et nettsted, bør du ikke nøle med å bruke dem. Det ville ta mange linjer med kommentarer for å få en betydelig negativ innvirkning. Som så mange aspekter av webdesign, kommer det hele til å balansere. Breaking Out Sections
"Kommentering" -koden
CSS Kommentar Tips
Opptreden
