Hvordan bruke ID Selector i CSS

Det er mye snakk i CSS programmering om IDer, klasser og pseudo-klasser, etc. Men hva betyr det å bruke en ID? Ifølge CSS tutorials og eksperter, er ID en identifikator for en bestemt HTML element som dukker opp en gang i løpet av en side. ID-en er mer restriktiv enn en klasse i sin make-up, men fester seg mer til HTML konvensjonen og passer inn i en HTML-rammeverk i muligens en mer oversiktlig måte. Her er hvordan du kan bruke en ID for CSS-elementer.

Bruksanvisning

1 Sett opp din CSS kode plass. Du kan bruke en frittstående tekstfil som en ekstern CSS-side, eller sette CSS-kode i hodet av et HTML-dokument. Uansett, må du definere en plass utover HTML til å gjøre din CSS koding som skal gjelde for en eller flere sider.

2 Start ID definisjon ved å navngi et element i CSS kode plass. Start med et HTML-element, som p (for avsnitt) eller h1 (en overskrift).

3 Legg en hash mark, og deretter navnet eller ID etter element. Et eksempel: p # graphID1

4 Inkluder stil retninger med kommandoer som dette: p # graphID1 {text-color: black; }

5 Få tilgang til ID. I HTML-koden, starte din ID element med en kode som ser slik ut: p id = "graphID1". Dette vil åpne HTML for dette elementet.

6 Skriv inn en tekst eller annet innhold for elementet du har åpnet. Dette innholdet skal bli stylet som din CSS befalt når du laster siden.

7 Lukk elementet med passende kode. Du trenger ikke å referere til ID på nytt når du lukker element: det er allerede blitt identifisert, definert og konstruert. Bare sette i vanlig element avsluttende koden.