Slik formaterer i CSS

Formatering dine Cascading Style Sheets (CSS) er hvordan du faktisk gå inn stil reglene i dokumentet. Dette formatet avgjør hvor mellomrom, fordypninger, attributter og brak vises. En god layout lar deg lage ren syntaks som du enkelt kan navigere, lese og endre. Selv om det ikke er noen harde og-rask regler når det gjelder å arrangere dine stiler, kan du formatere i CSS ved hjelp av en prosedyre som er allment akseptert.

Bruksanvisning

1 Start din tekst editor program, og åpne CSS-fil.

2 Skriv "/

/ "For å opprette CSS kommentarkoder og skriv et notat, som for eksempel den delen av siden den kommende stiler påvirke, mellom disse elementene for eksempel.:

/ Header /

Kommentarene er ikke synlige på en webside.

3 Skriv inn Hypertext Markup Language (HTML) element, ID eller klasse du er styling. Trykk space for å skape et rom, skriver en åpning brakett som står til attributt (s), trykk på Enter-knappen for å lage en ny linje, deretter inn en avsluttende parentes. Å illustrere: header {

}

4 Plasser markøren mellom konsollene, og angi en attributt med kolon på slutten. Trykk på mellomromstasten, skriver attributtverdien og angi et semikolon for å fullføre erklæringen. For eksempel:

header {

color: #606060;

}

5 Lag en ny linje under den første attributt, og skriv inn informasjon som så:

header {

color: #606060;

text-decoration: underline;

}

Gjenta denne prosessen for å legge til så mange attributter for CSS-regel som du trenger.

6 Trykk Enter-knappen, og gjenta trinnene for å opprette en ny kommentar tag (om nødvendig) og bygge en ny regel. For eksempel:

/

Header /

header {

color: #606060;

text-decoration: underline;

}

/ Main Content /

p {

font-size: 12px;

farge: #cccccc;

}

7 Lagre CSS-fil.