Tīmekļa vietnes sastāv no vairākiem atsevišķiem fragmentiem, ieskaitot attēlus, tekstu un dažādus dokumentus. Šajos dokumentos ir ne tikai dokumenti, uz kuriem var būt saites no dažādām lapām, piemēram, PDF faili, bet arī dokumenti, kas tiek izmantoti pašu lapu veidošanai, piemēram, HTML dokumenti lai noteiktu lapas struktūru un CSS (Cascading Style Sheet) dokumentus, lai diktētu lapas izskatu. Šis raksts iedziļinās CSS, aptverot to, kas tas ir un kur to šodien izmanto vietnēs.
CSS vēstures mācība
CSS pirmo reizi tika izstrādāta 1997. gadā kā veids, kā tīmekļa izstrādātājiem noteikt viņu izveidoto tīmekļa lapu vizuālo izskatu. Tas bija paredzēts, lai ļautu tīmekļa profesionāļiem atdaliet saturu un vietnes koda struktūru no vizuālā noformējuma, kas nebija iespējams pirms šī laika.
Struktūras un stila atdalīšana ļauj HTML veikt vairāk funkcijas, uz kurām tā sākotnēji balstījās - marķējumu saturu, neraizējoties par pašas lapas noformējumu un izkārtojumu, ko parasti sauc par lappuse.
CSS evolūcija
CSS popularitāte nepieauga tikai aptuveni 2000. gadā, kad tīmekļa pārlūkprogrammas sāka izmantot vairāk nekā šīs iezīmēšanas valodas pamata fontu un krāsu aspektus. Mūsdienās visas mūsdienu pārlūkprogrammas atbalsta visu CSS 1. līmeni, lielāko daļu CSS 2. līmeņa un pat lielāko daļu 3. līmeņa CSS. Tā kā CSS turpina attīstīties un tiek ieviesti jauni stili, tīmekļa pārlūkprogrammas ir sākušas ieviest moduļus kas nodrošina jaunu CSS atbalstu šajās pārlūkprogrammās un ļauj tīmekļa dizaineriem darboties ar jauniem jaudīgiem stila rīkiem ar.
Iepriekšējos (daudzos) gados bija daži tīmekļa dizaineri, kas atteicās izmantot CSS vietņu dizains un izstrāde, taču šī prakse mūsdienās vairs nav nozare. CSS tagad ir plaši izmantots tīmekļa dizaina standarts, un jums būtu grūti atrast kādu, kas šodien strādā šajā nozarē un kam nebūtu vismaz pamata izpratnes par šo valodu.
CSS ir saīsinājums
Kā jau minēts, termins CSS apzīmē "kaskādes stila lapu". Sadalīsim šo frāzi mazliet, lai pilnīgāk izskaidrotu, ko šie dokumenti dara.
Vārds "stilu lapa" attiecas uz pašu dokumentu (piemēram, HTML, CSS faili patiesībā ir tikai teksta dokumenti, kurus var rediģēt ar dažādām programmām). Stila lapas jau daudzus gadus tiek izmantotas dokumentu noformēšanai. Tās ir izkārtojuma tehniskās specifikācijas gan drukātā veidā, gan tiešsaistē. Drukas dizaineri jau sen ir izmantojuši stila lapas, lai nodrošinātu, ka viņu noformējumi tiek drukāti tieši atbilstoši viņu specifikācijām. Tīmekļa lapas stila lapa kalpo tam pašam mērķim, bet ar papildu funkcionalitāti arī tīmekļa pārlūkprogrammai pateikt, kā renderēt skatāmo dokumentu. Šodien var izmantot arī CSS stila lapas plašsaziņas līdzekļu vaicājumi lai mainītu lapas izskatu dažādas ierīces un ekrāna izmēri. Tas ir neticami svarīgi, jo tas ļauj vienu HTML dokumentu atveidot atšķirīgi atkarībā no ekrāna, kas tiek izmantots tam, lai tam piekļūtu.
Kaskāde ir patiešām īpašā termina "kaskādes stila lapa" daļa. Tīmekļa stila lapa ir paredzēts kaskādei pa virkni stilu šajā loksnē, piemēram, upe virs ūdenskrituma. Ūdens upē trāpa visiem ūdenskrituma akmeņiem, bet tikai tie, kas atrodas apakšā, ietekmē to, kur tieši ūdens plūdīs. Tas pats attiecas arī uz vietņu stila lapu kaskādi.
Dizainera stila lapas ignorē pārlūkprogrammas noklusējuma stila lapas
Katru tīmekļa lapu ietekmē vismaz viena stila lapa, pat ja tīmekļa dizainers nepiemēro nevienu stilu. Šī stila lapa ir lietotāja aģenta stila lapa - pazīstams arī kā noklusējuma stili, kurus tīmekļa pārlūkprogramma izmantos lapas parādīšanai, ja nav sniegti citi norādījumi. Piemēram, pēc noklusējuma hipersaites tiek veidotas zilā krāsā, un tās ir pasvītrotas. Šie stili nāk no tīmekļa pārlūkprogrammas noklusējuma stila lapas. Ja tīmekļa dizainers sniedz citas instrukcijas, pārlūkprogrammai būs jāzina, kurām instrukcijām ir prioritāte. Visām pārlūkprogrammām ir savi noklusējuma stili, taču daudzi no šiem noklusējumiem (piemēram, zilās pasvītrotās teksta saites) tiek koplietoti visās vai lielākajā daļā galveno pārlūkprogrammu un versiju.
Vēl viens pārlūka noklusējuma piemērs mūsu tīmekļa pārlūkprogrammā noklusējuma fonts ir "Times New Roman"parādīts 16. izmērā. Tomēr gandrīz nevienā no lapām mēs neapmeklējam displeju šajā fontu saimē un lielumā. Tas ir tāpēc, ka kaskāde nosaka, ka otrās stila lapas, kuras paši dizaineri ir iestatījuši, ir jādefinē no jauna fonta lielumu un ģimenes locekļiem, ignorējot mūsu tīmekļa pārlūkprogrammas noklusējumus. Visām tīmekļa lapai izveidotajām stila lapām būs lielāka precizitāte nekā pārlūkprogrammas noklusējuma stiliem, tāpēc šie noklusējumi tiks piemēroti tikai tad, ja jūsu stila lapa tos neapcels. Ja vēlaties, lai saites būtu zilas un pasvītrotas, jums nekas nav jādara, jo tas ir noklusējums, bet, ja jūsu vietnes CSS failā ir teikts, ka saitēm jābūt zaļām, šī krāsa ignorēs noklusējuma zilo. Pasvītrojums paliks šajā piemērā, jo jūs nenorādījāt citādi.
Kur tiek izmantota CSS?
CSS var izmantot arī, lai noteiktu, kā tīmekļa lapām vajadzētu izskatīties, ja tās tiek skatītas citos nesējos, nevis interneta pārlūks. Piemēram, varat izveidot drukas stila lapu, kurā būs noteikts, kā tīmekļa lapai vajadzētu izdrukāt. Tā kā tīmekļa lapas vienumiem, piemēram, navigācijas pogām vai tīmekļa veidlapām, drukātajā lapā nebūs mērķa, drukas stila lapu var izmantot, lai "izslēgtu" šīs zonas, kad lapa tiek drukāta. Lai gan patiesībā tā nav izplatīta prakse daudzās vietnēs, iespēja izveidot drukas stila lapas ir spēcīga un pievilcīga (mūsu pieredze - lielākā daļa tīmekļa profesionāļu to nedara tikai tāpēc, ka vietnes budžeta apjoms neprasa šo papildu darbu jādara).
Kāpēc CSS ir svarīgs?
CSS ir viens no spēcīgākajiem rīkiem, ko tīmekļa dizainers var iemācīties, jo ar to jūs varat ietekmēt visu vietnes vizuālo izskatu. Labi uzrakstītas stila lapas var ātri atjaunināt un ļaut vietnēm mainīt to, kam vizuāli ir piešķirta prioritāte ekrāns, kas savukārt parāda vērtību un uzmanību apmeklētājiem, bez nepieciešamības veikt izmaiņas pamatā HTML marķējums.
Galvenais CSS izaicinājums ir tas, ka ir diezgan daudz jāmācās - un, ja pārlūkprogrammas mainās katru dienu, kas šodien darbojas labi rīt var nebūt jēgas, jo tiek atbalstīti jauni stili, un citi iemesli tiek pamesti vai izkrituši no labvēlības kāda iemesla dēļ cits.
CSS mācīšanās līkne ir tā vērts
Tā kā CSS var kaskādēt un apvienot, un ņemot vērā to, kā dažādas pārlūkprogrammas var atšķirīgi interpretēt un īstenot direktīvas, CSS var būt grūtāk iemācīties nekā vienkāršu HTML. CSS pārlūkprogrammās mainās arī tā, kā HTML patiešām nemainās. Kad sākat lietot CSS, jūs redzēsiet, ka stila lapu izmantošana ļaus jums neticami elastīgi izkārtot tīmekļa lapas un noteikt to izskatu un izjūtu. Ceļā jūs uzkrāsiet stilu un pieeju "triku maisu", kas jums ir darbojies agrāk un pie kuriem jūs varat atkal vērsties veidot jaunas tīmekļa lapas nākotnē.