Kommentarer er brukt i CSS for å forklare en blokk med kode, eller for å foreta midlertidige endringer under utvikling. Kommentert koden ikke utføre.
Både single og multi-line kommentarer i CSS begynner med /* og avsluttes med */, og du kan legge til så mange kommentarer til stilsettet som du liker. For eksempel:
/* This is a single line comment*/.group:after { content: ""; display: table; clear: both;}/* This is a multi-line comment*/Du kan også lage dine kommentarer mer lesbar av stylizing dem:
I større prosjekter, CSS-filer kan raskt vokser i størrelse og blir vanskelig å opprettholde., Det kan være nyttig å organisere CSS inn i forskjellige seksjoner med en innholdsfortegnelse for å gjøre det enklere å finne bestemte regler i fremtiden:
litt mer om CSS: CSS-Syntaks og Velgere
Når vi snakker om syntaksen av CSS, vi snakker om hvordan ting er lagt ut. Det er regler om hva som går hvor, både slik at du kan skrive CSS konsekvent og et program (for eksempel en nettleser) som kan tolke den og bruke den til siden på riktig måte.
Det er i hovedsak to måter å skrive CSS.,
Inline CSS
Detaljer om CSS Spesifisitet: CSS Triks
Inline CSS gjelder styling til en enkelt element og sine barn, til en annen stil tvingende den først er oppstått.
for Å søke inline CSS, legge til «stil» – attributtet til et HTML-element du ønsker å endre. Inne i anførselstegn, inkluderer en semikolon-separert liste av nøkkel/verdi-par (hver i sin tur er skilt med et kolon) som indikerer stiler for å stille inn.
Her er et eksempel på inline CSS. Ordene «En» og «To» vil ha en bakgrunnsfarge på gul og tekst fargen rød., Ordet «Tre» er en ny stil som overstyrer den første, og vil ha en bakgrunnsfarge på grønt og tekst fargen på cyan. I eksempelet vi søker maler til <div> – koder, men du kan bruke en stil til en HTML-element.
<div style="color:red; background:yellow"> One <div> Two </div> <div style="color:cyan; background:green"> Three </div></div>Interne CSS
Mens du skriver en innebygd stil er en rask måte å endre en enkelt element, det er en mer effektiv måte å anvende den samme stilen til mange elementer på siden på en gang.,
Den interne CSS har sin stiler som er angitt i <style> – koden, og det er innebygd i <head> – tag-en.
Her er et eksempel som har en lignende effekt som «inline» eksemplet ovenfor, med unntak av CSS har blitt hentet til sitt eget område. Ordene «En» og «To» vil matche div velgeren og være rød tekst på gul bakgrunn., Ordene «Tre» og «Fire», vil matche div selector også, men de har også matche .nested_div velgeren som gjelder for alle HTML-element referanser som klasse. Dette er mer spesifikke selector overstyrer de første, og de ender opp med å fremstå som cyan tekst på en grønn bakgrunn.
De velgere som er vist ovenfor er svært enkel, men de kan bli ganske komplisert. Det er For eksempel mulig å bruke stiler bare til neste elementer; det er et element som er et barn av et annet grunnstoff.,
Her er et eksempel hvor vi angir en stil som bør bare brukes til div – elementer som er en direkte barnet av andre div – elementer. Resultatet er at «To» og «Tre» vil vises som rød tekst på gul bakgrunn, men «En» og «Fire» vil forbli upåvirket (og mest sannsynlig svart tekst på hvit bakgrunn).
<style type="text/css"> div > div { color: red; background: yellow; }</style><div> One <div> Two </div> <div> Three </div></div><div> Four</div>Ekstern CSS
Alle styling har sitt eget dokument som er koblet sammen i <head> – tag-en. Utvidelsen av den koblede filen er .css