CSS ir kaskādes stila lapa, ko izmanto, lai izveidotu vizuālos elementus interneta resursu lapā. CSS norādīto objektu renderēšana tiek ieviesta HTML iezīmēšanas valodā. Pašas kaskādes tabulas nevar izmantot atsevišķi.
CSS izmantošana
CSS ir stila valoda, kas īsteno HTML iezīmēšanas elementu renderēšanu. Kaskādes tabulas ļauj pielāgot opcijas, kuras nevar mainīt HTML. Piemēram, izmantojot stila valodu, varat rediģēt fonta stilu, krāsu. CSS ļauj iestatīt piemales, līnijas, polsterējumu, platumu, pozīcijas elementus un veikt to parametru izvadi, kurus nav iespējams realizēt, izmantojot "tīru" HTML.
Kaskādes stila lapas atbalsta gandrīz visas pārlūkprogrammas, un tās izmanto gandrīz visos tīmekļa resursos. Tie kontrolē satura attēlošanu, izmantojot noteiktu valodu, un ļauj kontrolēt dažādu datu nesēju vienumu parādīšanu.
Ja HTML tiek izmantots tikai kā līdzeklis lapas teksta strukturēšanai, CSS ļauj pielāgot parādītā satura parādīšanu.
CSS sintakse un tās iekļaušana HTML kodā
Veidojot lapu, ieteicams izmantot CSS, nevis HTML rīkus. Fakts ir tāds, ka HTML sākotnēji nebija līdzekļu elementu krāsas rediģēšanai un tas nebija paredzēts krāsu un displeja parametru iestatīšanai, un tāpēc daži tīmekļa izstrādātāji var uzskatīt par nepareizu HTML deskriptoru izmantošanu dizaina izveidošanai.
CSS ir atšķirīga sintakse nekā HTML, un tā ir iekļauta lapas kodā, izmantojot tagus. Varat arī integrēt CSS kodu, kas atrodas atsevišķā failā, izmantojot parametru tagu:
CSS kodam ir noteikta sintakse, kas būtu stingri jāievēro, pretējā gadījumā ģenerētie stili lapā netiks rādīti. CSS koda sadaļu var iedalīt 3 galvenajos elementos: selektors, rekvizīts un vērtība. Šie punkti ir rakstīti šādi:
selektors {īpašums: vērtība; }
Selektors norāda rokturi, uz kuru attiecas ģenerētais attēlojuma noteikums. Rekvizīta parametrs nosaka elementa rediģējamo aspektu, un vērtība nosaka rekvizītam atbilstošo opciju. Piemēram, lai mainītu krāsu otrā līmeņa virsrakstā
HTML, varat izmantot šādu kodu:
h2 {krāsa: sarkana; }
Šis kods teksta krāsu iestata sarkanā krāsā, kas atrodas otrā līmeņa virsraksta aprakstā.
CSS izmanto standarta HTML krāsu tabulu.
Papildus tagu izmantošanai varat izmantot arī iekšējos tagus. Piemēram:
Virsraksts
Šis kods ir identisks iepriekš aprakstītajam ar atšķirību, ka paši CSS parametri tika iestatīti rediģēšanai nepieciešamā deskriptora iekšpusē.