Varje webbplats består av strukturella (som dikteras av HTML), funktionella och stilistiska element. Cascading Style Sheets (CSS) används för att diktera utseendet ("look and feel") av en webbplats. Dessa stilar hålls separata från HTML-strukturen för att underlätta uppdatering och efterlevnad av webbstandarder.
Problemet med formatmallar
Med storleken och komplexiteten hos många webbplatser idag kan stylesheets bli ganska långa och besvärliga. Detta gäller speciellt nu när mediafrågor för lyhörda webbplatstilar är en viktig del av designen, så att en webbplats ser ut som den borde oavsett enhet. Dessa mediefrågor kan ensam lägga till ett betydande antal nya stilar i ett CSS-dokument, vilket gör det ännu svårare att arbeta med. Det är här CSS-kommentarer kan bli en ovärderlig hjälp till webbdesigners och utvecklare.
Kommentarer Lägg till struktur och klarhet
Att lägga till kommentarer på en webbplats CSS-filer är ett bra sätt att organisera delar av den koden för en mänsklig läsare som granskar dokumentet. Det säkerställer också konsistens när en webproffs plockar upp var någon annan går av, eller när lag av människor arbetar på en webbplats.
Välformaterade kommentarer kan kommunicera viktiga aspekter av stilarket till medlemmar i ett lag som kanske inte är bekant med koden redan. Dessa kommentarer är också mycket användbara för personer som har arbetat på platsen innan men inte nyligen. webbdesigners arbetar ofta på många webbplatser, och det är svårt att komma ihåg designstrategier från ett till ett annat.
Endast för professionella ögon
CSS-kommentarer visas inte när sidan görs i webbläsare. Dessa kommentarer är endast informativa, precis som HTML-kommentarer är (även om syntaxen är annorlunda). Dessa CSS-kommentarer påverkar inte visuell visning av en webbplats på något sätt.
Lägga till CSS-kommentarer
Att lägga till en CSS-kommentar är ganska lätt. Du bokar helt enkelt din kommentar med rätt öppnings- och stängningskommentarer:
- Börja med din kommentar genom att lägga till
/*
- Stäng din kommentar genom att lägga till
*/
Allt som visas mellan dessa två taggar är innehållet i kommentaren, endast synligt i koden och inte gjord av webbläsaren.
En CSS-kommentar kan ta upp ett antal linjer. Här är två exempel:
/ * rött gräns exempel * / div # border_red { gräns: tunn fast röd; }/*******************************************************Stil för kodtext*******************************************************/ Många designers organiserar stilark i små, lätt smältbara bitar som är lätta att skanna vid läsning. Vanligtvis ser du kommentarer före och följt av en rad bindestreck som skapar stora, uppenbara raster på den sida som är lätt att se. Här är ett exempel: / * ----------------------- Header Styles ----------------------- ------- * /
Dessa kommentarer anger starten på en ny sektion av kodning. Eftersom kommentar-taggarna säger att webbläsaren ignorerar allt mellan dem kan du använda dem för att tillfälligt inaktivera vissa delar av CSS-koden. Detta kan vara användbart vid felsökning, eller när du justerar webbsidans formatering. Faktum är att designers ofta använder dem för att "kommentera" eller "stänga av" områden av kod för att se vad som händer om det här avsnittet inte är en del av sidan. För att göra detta, lägg bara till öppnings kommentar taggen innan koden du vill kommentera (inaktivera); Placera slutmärket där du vill att den funktionshindrade delen ska sluta. Ingenting mellan dessa taggar påverkar visuell visning av en webbplats, så att du kan felsöka CSS för att se var ett problem inträffar. Du kan sedan gå in och fixa just det problemet och ta bort kommentarerna från koden. Som ett sammandrag, här är några tips att komma ihåg för att använda kommentarer i din CSS: Medan du lägger till för många kommentarer kan det påverka webbplatsens nedladdningshastighet och prestanda, du borde inte tveka att använda dem. Det skulle ta många kommentarer med betydande negativ inverkan. Liksom så många aspekter av webbdesign, kommer det hela till balans. Bryta ut sektioner
"Kommentera" -koden
CSS Kommentar Tips
Prestanda
