Tīmekļa vietnes sastāv no vairākām atsevišķām vienībām, ieskaitot attēlus, tekstu un dažādus dokumentus. Šie dokumenti ne tikai ietver tos, kurus var saistīt dažādās lapās, piemēram, PDF failos, bet arī dokumentus, kurus izmanto pašu lapu izveidošanai, piemēram, HTML dokumentus, lai noteiktu lapas struktūru un CSS (Cascading Style Sheet) dokumentus lai diktētu lapas izskatu. Šis raksts ieplīsīs CSS, aptverot to, kas tas ir un kur to šodien izmanto vietnēs.
CSS vēstures nodarbība
CSS vispirms tika izstrādāts 1997. gadā kā veids, kā tīmekļa izstrādātāji var definēt to izveidoto tīmekļa lapu vizuālo izskatu. Tas bija paredzēts, lai ļautu interneta profesionāļiem no vizuālā dizaina nošķirt vietnes koda saturu un struktūru, kas līdz šim nav bijis iespējams.
Struktūras un stila atdalīšana ļauj HTML izpildīt vairāk funkciju, kas sākotnēji bija balstīta - satura marķēšana, neraizējoties par lapas dizainu un izkārtojumu, ko parasti sauc par "izskatu" no lapas.
CSS nesaņēma popularitāti līdz apmēram 2000.gadam, kad tīmekļa pārlūkprogrammas sāka izmantot vairāk nekā pamata iezīmēšanas valodas 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 CSS 3. līmeņa. Tā kā CSS turpina attīstīties un 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 dod iespēju web dizaineriem strādāt ar jaudīgiem jauniem dizaina rīkiem.
Jo (daudzus) gadus iepriekš bija izvēlēti tīmekļa dizaineri, kuri atteicās izmantot CSS tīmekļa vietņu izstrādei un izstrādei, taču šī prakse šodien ir notika tikai no nozares. CSS tagad ir plaši izmantots standarts web dizains, un jums būtu grūti atrast kādu, kas strādā nozarē šodien, kuriem nebija vismaz pamata izpratne par šo valodu.
CSS ir saīsinājums
Kā jau minēts, termins CSS nozīmē "Cascading Style Sheet". Nogriezīsim šo frāzi mazliet, lai vairāk izskaidrotu, ko šos dokumentus veic.
Vārds "stilu tabula" attiecas uz pašu dokumentu (piemēram, HTML, CSS faili tiešām ir tikai teksta dokumenti, kurus var rediģēt ar dažādām programmām). Stilu lapas ir izmantotas dokumentu izstrādei jau daudzus gadus. Tās ir tehniskās specifikācijas izdrukai vai tiešsaistē. Drukāšanas dizaineriem jau sen ir jāizmanto stila lapas, lai nodrošinātu, ka to dizainparaugi ir precīzi drukāti atbilstoši to specifikācijām. Web lapas stila lapa ir paredzēta vienam mērķim, bet ar pievienoto funkciju, arī informējot tīmekļa pārlūkprogrammu, kā padarīt dokumentu aplūkotu. Šodien CSS stila lapas var arī izmantot multivides vaicājumus, lai mainītu veidu, kā lapa meklē dažādas ierīces un ekrāna izmērus. Tas ir neticami svarīgi, jo tas ļauj vienu HTML dokumentu padarīt atšķirīgi atkarībā no ekrāna, kuru izmanto, lai to piekļūtu.
Kaskāde ir patiešām īpaša termina "kaskādes stila lapa" daļa. Tiešsaistes stilu lapa ir paredzēta, lai veiktu šķirošanu vairākos stilos, piemēram, upē virs ūdenskrituma. Upes ūdens skar visus ūdenskrituma akmeņus, bet tikai tie, kas atrodas apakšā, tieši ietekmē ūdens plūsmu. Tas pats attiecas uz kaskādi tīmekļa vietņu stilu lapās.
Katrai vietnei ir vismaz viena stila lapa, pat ja tīmekļa dizainers nepiemēro stilu. Šī stila lapa ir lietotāja aģenta stila lapa, ko sauc arī par noklusējuma stiliem, ko tīmekļa pārlūks izmantos, lai parādītu lapu, ja nav citu norādījumu. Piemēram, pēc noklusējuma hipersaites tiek veidotas zilā krāsā, un tās ir pasvītrotas. Šie stili ir no tīmekļa pārlūkprogrammas noklusējuma stilu lapas. Tomēr, ja tīmekļa izstrādātājs nodrošina citus norādījumus, pārlūkam būs jāzina, kādi norādījumi ir prioritāri. Visām pārlūkprogrammām ir savi noklusējuma stili, taču daudzi no šiem noklusējuma iestatījumiem (piemēram, zilas uzsvērtas teksta saites) tiek koplietoti visās vai lielākajās pārlūkprogrammās un versijās.
Citā piemēra pārlūka noklusējuma gadījumā mūsu tīmekļa pārlūkprogrammā noklusējuma fonts ir "Times New Roman", kas tiek attēlots 16. izmērā. Tomēr gandrīz neviena no lapām, kurā mēs apmeklējam šo fontu saimes un lieluma displeju. Tas ir tāpēc, ka kaskāde definē, ka otrais stilu lapas, ko nosaka paši dizaineri, lai no jauna definētu fonta lielumu un ģimeni, ignorējot mūsu tīmekļa pārlūkprogrammas noklusējuma iestatījumus. Jebkādām tīmekļa lapu veidotajām stilu lapām būs vairāk specifiskuma nekā pārlūkprogrammas noklusējuma stili, tādēļ šie noklusētie iestatījumi tiks izmantoti tikai tad, ja jūsu stilu tabula tos neaizliedz. Ja vēlaties, lai saites būtu zilas un pasvītrotas, jums nav nepieciešams kaut ko darīt, jo tas ir noklusējums, taču, ja jūsu vietnes CSS failā teikts, ka saitēm jābūt zaļām, šī krāsa ignorē noklusējuma zilo krāsu. Šajā piemērā saglabāsies pasvītrojums, jo neesat norādījis citādi.
Kur izmanto CSS?
CSS var arī izmantot, lai noteiktu, kā tīmekļa lapām vajadzētu izskatīties, skatoties citos informācijas nesējos, nevis tīmekļa pārlūkprogrammā. Piemēram, jūs varat izveidot drukas stila lapu, kurā būs definēts, kā jāizdrukā tīmekļa lapa. Tā kā tīmekļa lapas priekšmeti, piemēram, navigācijas pogas vai tīmekļa veidlapas, uz papīra lapas nebūs noderīgi, tad, drukājot lapu, var izmantot izdrukas stila lapu, lai "izslēgtu" šīs teritorijas.Lai arī daudzās vietnēs patiešām nav parastās prakses, drukas stila lapas ir izveidotas kā spēcīga un pievilcīga iespēja (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 )
Kāpēc CSS ir svarīgs?
CSS ir viens no spēcīgākajiem rīkiem, ko tīmekļa izstrādātājs var iemācīties, jo ar to jūs varat ietekmēt visu vietnes vizuālo izskatu. Labi rakstītas stilu lapas var ātri atjaunināt un ļaut vietnēm mainīt ekrānā vizuāli noteiktas prioritātes, kas savukārt parāda vērtību un pievēršas apmeklētājiem, bez jebkādām izmaiņām, kas jāveic, lai veiktu pamata HTML marķējumu.
CSS galvenā problēma ir tas, ka ir daudz ko iemācīties - un pārlūkprogrammās, kuras mainās katru dienu, tas, kas šodien darbojas, var nebūt jēgas rīt, jo jauni stili kļūst atbalstāmi un citi no kāda iemesla vai cita iemesla tiek zaudēti vai izkliedēti .
Tā kā CSS var kārtot un apvienot, un ņemot vērā to, kā dažādas pārlūkprogrammas var interpretēt un ieviest direktīvas atšķirīgi, CSS var būt grūtāk nekā vienkāršs HTML, lai apgūtu. CSS arī pārlūkprogrammās mainās tādā veidā, ka HTML patiesībā nav. Tomēr, sākoties CSS izmantošanai, jūs redzēsiet, ka stila lapu izmantošana ļaus jums neticami elastīgi izlasīt tīmekļa lapas un noteikt to izskatu. Pa ceļam jūs uzkrājat stilu un pieeju "triku" maisiņu, kas jums agrāk strādāja un ko jūs varat atkal ieslēgt, veidojot jaunas tīmekļa lapas nākotnē.
Jennifera Krīnina oriģinālais raksts. Rediģējis Jeremijs Girards 17. un 17. jūlijā
