Kas ir kaskādes stila lapas?
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 nepaaugstināja 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 šajās pārlūkprogrammās nodrošina jaunu CSS atbalstu, un sniedz web dizaineriem spēcīgus jaunus stilizācijas rīkus, ar kuriem strādāt.
Jo (daudzus) gadus iepriekš bija izvēlēti tīmekļa dizaineri, kuri atteicās izmantot CSS tīmekļa vietņu projektēšanai un izstrādei, taču šī prakse mūsdienās ir aizgājusi no nozares. CSS tagad ir plaši izmantots standarts web dizains, un jums būtu grūti atrast kādu, kas strādā šajā nozarē šodien, kuriem nebija vismaz pamata izpratni 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 "stila lapa" 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 dizaineri jau sen izmanto stila lapas, lai pārliecinātos, ka to dizainparaugi ir tieši iespiesti to specifikācijās. 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ērā pārlūkprogrammā noklusējuma manā 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, uz kurām es neesmu redzējis, šo fontu saimei un izmēram. Tas ir tāpēc, ka kaskāde nosaka, ka otrais stilu lapas, ko nosaka paši dizaineri, lai no jauna definētu fonta lielumu un ģimeni, ignorējot manu 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ūka noklusējuma stili, tādēļ šie noklusētie iestatījumi tiks piemēroti tikai tad, ja jūsu stilu lapa neaizliedz tos ignorēt. 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 skatīties citos datu 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 gan daudzās vietnēs patiešām nav parastās prakses, drukas stila lapas ir izveidotas kā spēcīga un pievilcīga iespēja (pēc manas pieredzes lielākā daļa tīmekļa profesionāļu to nedara tikai tādēļ, 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, kas jums pagātnē ir strādājuši un kurus 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ā