<div style="position:absolute; top:10px; right:200px; width:448px; border:1px solid blue;"><marquee behavior="slide" direction="right" scrollamount="4" loop="5"><a href="https://easywd.vitsolutions.lv/" target="_self" title="Labs Resurss"> <img src="../easywd.png" border="0" width="448" height="174"></a></marquee></div><link rel="stylesheet" type="text/css" href="http://www.easywd.lv/css/menu_f1.css"><link rel="shortcut icon" href="http://www.easywd.lv/css/favicon.ico">

 

CSS id un class (#myId un .myclass )


 

Par id un klases selektoriem

Papildus nosakot stilu HTML elementiem, CSS ļauj norādīt savu selektoru, ko
sauc par "id" un "klases".


Id selektors

Id selektors tiek izmantots, lai norādītu stilu, par vienu, unikālu elementu.

Id selektoru izmanto id atribūts HTML elementam, un ir noteikts ar "#".

Zemāk norādītais stila noteikums turpmāk tiks piemērots elementam ar id = "para1":,
HTML dokumentā tas izskatās sekojoši : <div id="para1">saturs</div> vai
<p id="para1">saturs</p>

Piemērs

#para1
{
text-align:center;
color:red;
}

Izmēģiniet to pats »

Piezīme Nav ieteicamssākt ID vārdu ar numuru!!!!


Klases selektors

Klases selektoru bieži izmanto, lai norādītu stilu grupas elementiem.

 
Atšķirībā no id selektora, klases selektors ir visbiežāk izmantots vairākiem elementiem.

Tas ļauj iestatīt īpašu stilu daudziem HTML elementiem tajā pašā klasē.

Klases selektors izmanto HTML klases atribūts, un ir noteikts ar "." ,
tas ir ar punktu, piemēram .manaKlase { ............ }

Šajā piemērā visi HTML elementi ar class = "center" būs izlīdzināts centrāli:

Piemērs

.center {text-align:center;}

Izmēģiniet to pats »

Jūs varat arī norādīt, ka tikai īpašiem HTML elementiem būtu jāietekmē klasi.

Šajā piemērā zemāk, visi p elementi ar class = "center" būs izlīdzināts centrāli:
Kā to pievienot HTML dokumentā ir sekojoši <a class="center">links</a> ---tas ir nepareizi!!
jo klase ir izveidota noteiktam elementam, kā ir pareizi:
<p class="center">saturs</p>

Piemērs

p.center {text-align:center;}

Izmēģiniet to pats »

Piezīme Nedrīkstsākt klases vārdu ar numuru!
Komentāri (0)  |  2013-11-11 19:14  |  Skatīts: 9678x

Atpakaļ