CSS - stilam ir nozīme!
Autors: mycompany.lvKategorija: Tehnoloģijas
Kas ir CSS?
CSS ir saīsinājums no Cascading Style Sheet. Burtiskā tulkojumā - kaskādes stila lapas. Pēc būtības - web lapas atsevišķu elementu stila definējums.
Kāpēc CSS?
Kas jebkad ir veidojis web lapas, droši vien zinās, ko nozīmē HTML (Hyper Text Markup Language). Tā ir īpaša valoda, kas ļauj definēt web lapas elementus, piemēram, tabulas, sarakstus, datu ievades formas, utt. Ja sākumā tā varbūt kādam liekas sarežģīta, tad pēc laiciņa, izprotot HTML valodas uzbūves principus, izveidot elementāru web lapu jau liksies pavisam vienkārši. Kādai nelielai lapai ar to arī varētu pietikt, tomēr nopietnāku web projektu gadījumā izrādās ar HTML vien nepietiek.
Viens iemesls ir iegūtā rezultāta vizuālais izskats. Izveidojot web lapu tikai ar tīru HTML, mēs, protams, varam izvietot tajā tabulu, kādu attēlu un visu citu nepieciešamo. Tomēr mūsu izveidotā tabula pēc izskata ne ar ko neatšķirsies no simtiem citu tabulu citās web lapās, kas arī būs veidotas ar tīru HTML (izņemot, protams, tabulas saturu). Nopietnāka projekta gadījumā un, it sevišķi, ja mēs vēlamies piesaistīt savai lapai klientus, šāda situācija mūs visdrīzāk neapmierinās un būs vēlme ar kaut ko no citiem atšķirties. Lielai daļai HTML elementu ir iespējams norādīt stila atribūtu, definējot, piemēram, fona vai burtu krāsu, fontu u.c. lielumus. Tā, protams, var darīt. Tomēr parasti ērtāk ir visus stila definējumus turēt vienkopus, izmantojot šim nolūkam īpašu .css failu.
Otrs iemesls CSS izmantošanai ir elementu izvietojuma definēšana. Arī šim uzdevumam ir vairāki veidu, kā sasniegt mērķi. Populārs veids ir izmantot HTML tabulas. Tomēr šādā gadījumā var rasties problēmas, ja radīsies vajadzība ko nedaudz pamainīt. Balstot visu izvietojumu tikai uz tabulām, HTML kods iznāk garš, grūti pārskatāms un sarežģīti modificējams. Vairumā gadījumu to pašu iespējams panākt ar CSS, turklāt tas ir arī vēlams.
Kā tad iespējams definēt stilu?
Ir vairāki varianti, kur norādīt HTML elementa stilu (prioritāšu secībā):
Katrs HTML elements tiek attēlots, atbilstoši definētajam stilam. Turklāt stils var tikt definēts vairākos līmeņos (un līdz ar to arī pārklāties). Lai noskaidrotu, kā tad jāattēlo katrs elements, tiek ņemti vērā visos līmeņos definētie stila atribūti atbilstoši prioritāšu secībai. Piemēram, ja ārējā .css failā ir norādīts, ka visām tabulām ir zaļa pamatnes krāsa, bet kādai tabulai HTML kodā ir style atribūts ar norādi, ka pamatnes krāsa ir sarkana, tad šīs tabulas pamatni mēs redzēsim sarkanā krāsā. Ja kāds stila atribūts nav definēts nevienā no līmeņiem, tiek izmantota tā vērtība pēc noklusējuma.
Ko var panākt ar CSS?
Ļoti daudz ko. Iespējams definēt visu, kas attiecas uz elementa attēlošanu - vietu, izmēru, krāsu, fontu, atstarpi no citiem elementiem un daudz ko citu. Internetā iespējams atrast daudz pamācības un ilustratīvu materiālu.
Daži interesanti piemēri no www.w3schools.com:
Lai pievienotu komentāru, autorizējies!
SĀKUMS
RAKSTI