Kaskādes stila lapas ir kļuvušas par vietņu stila un izkārtojuma standarta veidu. Dizaineri izmanto stilu lapas pastāstīt pārlūkprogrammai, kā vietne jāparāda pēc izskata un izskata, aptverot tādus faktorus kā krāsa, atstarpes, fonti un daudz kas cits.
CSS stili tiek izvietoti divos veidos:
- Iekļauts - pašas tīmekļa lapas kodēšanas ietvaros, individuāli, katru elementu atsevišķi
- Atsevišķā CSS dokumentā, ar kuru vietne ir saistīta
CSS paraugprakse
"Labākā prakse" ir tīmekļa vietņu projektēšanas un veidošanas metodes, kas ir izrādījušās visefektīvākās un dod vislielāko atdevi par iesaistīto darbu. Viņiem sekojot CSS tīmekļa dizainā palīdz vietnēm pēc iespējas labāk izskatīties un darboties. Tie gadu gaitā ir attīstījušies kopā ar citām tīmekļa valodām un tehnoloģijām, un atsevišķā CSS stila lapa ir kļuvusi par vēlamo izmantošanas metodi.
CSS paraugprakses ievērošana var uzlabot jūsu vietni vairākos veidos:
- Atdala saturu no dizaina: Viens no galvenajiem CSS mērķiem ir noņemt dizaina elementus no HTML un ievietot tos citā vietā, lai dizainers tos varētu uzturēt. Šī prakse kalpo arī dizaineru nošķiršanai no izstrādātājiem, lai katrs varētu koncentrēties uz savām kompetences jomām. Dizainerim nav jābūt izstrādātājam, lai saglabātu vietnes izskatu.
- Atvieglo apkopi: Viens no visvairāk aizmirstajiem tīmekļa dizaina elementiem ir uzturēšana. Atšķirībā no drukas materiāliem vietne nekad nav "viena un pabeigta". Saturs, dizains un funkcijas laika gaitā var un tiem vajadzētu attīstīties. Ja CSS atrodas centrālā vietā, nevis kaisa visā vietnē, lietas ir daudz vieglāk uzturēt.
- Uztur jūsu vietni pieejamu: CSS stilu izmantošana palīdz meklētājprogrammām un invalīdiem mijiedarboties ar jūsu vietni.
- Ilgāk uztur jūsu vietniIzmantojot CSS paraugpraksi, jūs ievērojat standartus, kas ir izrādījušies stabili, bet pietiekami elastīgi, lai pielāgotos izmaiņām tīmekļa dizaina vidē.
Ievietotie stili nav labākā prakse
Ievietotie stili, kaut arī tiem ir mērķis, parasti nav labākais veids, kā uzturēt jūsu vietni. Viņi ir pretrunā ar katru labāko praksi:
- Iekļautie stili neatdala saturu no noformējuma: Iekļautie stili ir tieši tādi paši kā iegultie fonti un citi neveikli dizaina tagi, pret kuriem mūsdienu izstrādātāji sliedē. Stili ietekmē tikai konkrētos, atsevišķos elementus, kuriem tie tiek piemēroti; lai gan šī pieeja var dot jums precīzāku kontroli, tā apgrūtina arī citus dizaina un attīstības aspektus, piemēram, konsekvenci.
- Iekļautie stili rada uzturēšanas galvassāpes: Strādājot ar stila lapām, var būt grūti noteikt, kur stils tiek iestatīts. Kad jums ir darīšana ar maisījumu iekļautie, iegultie un ārējie stili, jums ir jāpārbauda daudzas vietas. Ja jūs strādājat tīmekļa dizaina komandā vai jums ir jāpārveido vai jāuztur kāda cita izveidota vietne, tad jums būs vēl vairāk problēmu. Kad esat atradis stilu un to mainījis, tas būs jādara katram elementam katrā lapā, kur tas ir ievietots. Tas astronomiski palielina laika un darba budžetu.
- Ievietotie stili nav tik pieejami: Kaut arī moderns ekrāna lasītājs vai cita palīgierīce, iespējams, spēj apstrādāt iekšējos atribūtus un tagus efektīvi, dažas vecākas ierīces nevar, kā rezultātā var parādīties dīvaini parādīts tīmeklis lapas. Papildu rakstzīmes un teksts var ietekmēt arī to, kā jūsu lapu skata meklētājprogrammas robots, tāpēc jūsu lapai meklētājprogrammu optimizācijas ziņā nav tik labi.
- Iekļautie stili padara jūsu lapas lielākas: Ja vēlaties, lai visas jūsu vietnes rindkopas tiktu parādītas noteiktā veidā, varat to izdarīt vienu reizi, izmantojot sešas vai vairākas koda rindas ārējā stila lapā. Tomēr, ja jūs to darāt ar iekļautajiem stiliem, šie stili jums jāpievieno katrai savas vietnes rindkopai. Ja jums ir piecas CSS rindas, tas ir piecas rindas, kas reizinātas ar katru jūsu vietnes rindkopu. Šis joslas platums un ielādes laiks var steigties.
Inline stilu alternatīva ir ārējās stila lapas
Iekšējo stilu vietā izmantojiet ārējās stila lapas. Tie sniedz jums visas CSS paraugprakses priekšrocības un ir ērti lietojami. Šādā veidā visi jūsu vietnē izmantotie stili dzīvo atsevišķā dokumentā, kas pēc tam ir saistīts ar tīmekļa dokumentu ar vienu koda rindiņu. Ārējās stila lapas neietekmē jebkuru dokumentu, kuram tie ir pievienoti. Ja jums ir 20 lappušu vietne, kurā katrā lappusē tiek izmantota viena un tā pati stila lapa, kas parasti ir tā darīts - jūs varat veikt izmaiņas katrā no šīm lapām, vienkārši rediģējot šos stilus vienā reizē vieta. Stilu mainīšana vienā vietā ir ērtāka nekā kodēšanas meklēšana katrā jūsu vietnes lapā. Šī elastība daudz atvieglo vietnes ilgtermiņa pārvaldību.