CSS Standard Process

Cascading Style Sheet (CSS) standarder la deg definere klasseegenskaper og bruke dem til websidene. CSS-kode setter opp farger, fonter og layout deler av HTML-sider i filer som er atskilt fra innholdet. Du kan lage en CSS ekstern fil og koble filen til dine websider, eller lage CSS-klassene direkte i HTML-hode-delen.

filer

CSS-filer definere alle dine CSS klasser. Når du bruker eksterne CSS-filer, trenger du bare å sette opp klassene en gang. Hvis du endrer en CSS-klasse, endringene vises på alle sidene samtidig. Denne CSS-standarden gjør det enkelt å gjøre endringer på nettsiden layout.

klasser

CSS-klasser formatere utformingen av websidene. Klassene er satt opp i CSS-filen, med "kroppen" klasse i begynnelsen. Du må koble CSS-klasse i HTML-tag egenskaper. For eksempel, lenker følgende kode en klasse som heter "MyClass" til en "div" container:

<Div class = "MyClass"> My innhold </ div>

Hvert HTML-elementet lar deg bruke den "klasse" eiendom for å koble til en klasse i CSS-filen.

linking

Du må koble CSS-filen til websiden, deretter koble elementet til klassen du ønsker å bruke. Følgende kode plassert i hodedelen knytter en CSS-fil på en webside:

<Link href = "styles.css" rel = "stylesheet" type = "text / css">

I dette eksempelet, de "Styles.css" filkoblinger i HTML-siden. Når filen koblingene på siden, link du klassen til HTML-elementet. For eksempel, hvis du ønsker å koble en div container til en klasse som heter "MyClass," følgende kode knytter klasse til div element:

<Div style = "MyClass"> </ div>

betraktninger

CSS-klasser er globale strukturer når du plasserer en hash tag foran klassenavnet. Når du oppretter en global CSS-klasse, er alle HTML-elementer med navnet i klassen endret. Du må sørge for at du ønsker å foreta en total endring klasser når du redigerer CSS-fil. Test ditt nettsted koden før du laster opp en ny CSS fil.