Avsnitts Brudd i CSS-filer

Når du undersøker stilark skrevet av forskjellige forfattere, kan du merke at de er formatert på mange forskjellige måter. Mellomrom og linjeskift gjør ingen forskjell i CSS-regler selv; de er et rent visuelt hjelpemiddel for forfatteren. Du kan arrangere stilark regler i en rekke formater. Avhengig av dine preferanser, kan du velge et format som sparer plass og reduserer rulle tid, eller et format som holder teksten pent organisert.

Regler med enkle linjer

Den én linje formateringsstilen sparer mest plass. Men det gjør også koden er vanskelig å lese. Det er ingen avsnittsskift mellom elementer. Hver CSS-regel består av en sammenhengende linje. Bruk denne formateringen bare hvis du ønsker å gjøre din stil ark så liten som mulig.

Eksempel:
body {background-image: url ( 'picture.png'); background-repeat: no-repeat; background-posisjon: rett topp;}

Regler med flere linjer

Bryte opp CSS erklæringer i flere linjer kan gjøre dem lettere å lese og sortere gjennom. I eksempelet nedenfor, oppstår et linjeskift etter hver erklæring. Åpningen spenne {er på samme linje som velgeren "body". Noen forfattere foretrekker å sette åpningen spenne på sin egen linje i stedet.

Eksempel:
kropp {
background-image: url ( 'picture.png');
background-repeat: no-repeat;
background-posisjon: høyre toppen;
}

Regler med Innrykk

Innrykk eller legge ekstra plass til en linje er nyttig i å organisere CSS-kode. Du ønsker kanskje å rykke klasser for å vise hvilke velgere de tilhører. For eksempel, hvis du har flere klasser av avsnittet eller <p> tag, kan du rykke hver klasse under "p" velgeren i stilark. Du kan lage innrykk med enten faner eller mellomrom.

Tips

Det er ingen harde og raske regler om hvordan du bruker avsnittsskift i CSS-filer. Husk hensikten med disse linjeskift: praktisk for deg, forfatteren. Eksperimenter med ulike ordninger for å finne det formatet som fører til at du minst innsats og hjelper deg å få jobben gjort raskere. Ideelt sett ønsker du et format som lar deg finne kode med minimal rulling (enten horisontalt eller vertikalt over skjermen).