Ievads CSS

CSS (Cascading Style Sheet)

Pirms sāksim apgūt CSS, mums noteikti būtu jāzin HTML pamati, jo CSS "sūtība" ir definēt, kā tiek attēloti HTML elementi!

Veidojot www lapas ar HTML palīdzību un pareizi lietojot CSS mēs aiztaupīsim milzums darba gan sev, gan arī mūsu lapa apskatei ielādēsies ātrāk, jo HTML kods būs daudz īsāks. Būtiski samazināsies patērētais laiks, veltīts HTML elementu attēlošanas rediģēšanai vēlāk. Domāju, ka ar šo jau pietiek, lai lietotu CSS!

Sintakse

CSS sintakse jeb pieraksts veidojas no trim sastāvdaļām:

selektors {īpašība: vērtība}

selektors - (selector) HTML elements jeb tags, kuru Jūs vēlaties definēt, piemēram, "p" (t.i., definēsim rindkopu). Ievērojiet, ka CSS-ā definējot elementu nelieto <>
īpašība- (property) minētā taga kāda īpašība, kuru definēsiet, piemēram, "color" (t.i., definēsim minētās rindkopas burtu krāsu)
vērtība - (value) vērtība, kuru piešķirsiet minētajai īpašībai, piemēram, "gray" (t.i., un šī krāsa būs pelēka!). Ievērojiet, ka īpašību no vērtības atdala ar kolu! Atstarpes starp šīm trim pieraksta sastāvdaļām var arī nelikt- tas katra paša ziņā. Izņēmums - nedrīkst būt atstarpe starp vērtību un tās vienībām, piemēram: "10 px"(nepareizi), "10px" (pareizi).

Piemērs:

p {color: gray}

W3C standarts nosaka, ka gadījumā, ja vērtība rakstāma ar vairākiem vārdiem, tad tie liekami pēdiņās. Tomēr eksperiments ar pārlūkiem "Internet Explorer 6.0.29", "Opera 8.01" un "FireFox 1.0.4" pierādīja, ka arī bez pēdiņām tie uzdoto vērtību interpretēja pareizi:

p {font-family: "sans serif"}

Ja kādam HTML elementam vienlaicīgi vēlaties definēt vairākas īpašības (kas ir pareizi), tad tās savstarpēji atdala ar semikolu. Ērtības labad varam katru īpašību rakstīt savā rindiņā:

p {
font-family: "sans serif";
color: gray
}

Sākumlapa

Tālāk >>