Kiterjesztés | .css |
---|---|
MIME típus | text/css |
Fejlesztette | CSS munkacsoport ( in ) |
Kezdeti változat | 1996. december 17 |
Webhelyek |
www.w3.org/Style/CSS drafts.csswg.org |
A Cascading Style Sheets , amelyet általában az angol Cascading Style Sheets CSS-nek hívnak , számítógépes nyelvet alkot, amely leírja a dokumentumok HTML és XML bemutatását . A CSS-t meghatározó szabványokat a World Wide Web Consortium (W3C) teszi közzé . Az 1990-es évek közepén bevezetett CSS széles körben elterjedt a webdesignban, és a 2000-es években jól támogatták a webböngészők .
A stíluslap fogalma a világháló kezdetétől fogva jelen volt : az első WorldWideWeb webböngésző lehetővé teszi a dokumentumok formázását a ma „felhasználói stíluslapnak” tekinthető formában. Hasonlóképpen, a Viola a 1992 és harmónia a 1993 böngészők használata hasonló mechanizmus határozza meg a renderelés betűtípusok , színek vagy szöveg igazítását.
Ezek azonban nem a dokumentum szerzője által meghatározott stílusok . A HTML korai éveiben szintén hiányzott a bemutató elemekből, ezért egyre nagyobb nyomás nehezedett a böngészőkre, hogy az elektronikus nyomtatott kiadványokból származó megközelítés alapján a szerzők maguk határozzák meg a weboldalak elrendezését .
Ebben az összefüggésben, 1994 és 1995 között, a vadonatúj Netscape Navigator mutatta be az első HTML bemutató elemeket Marc Andreessen kezdeményezésére , míg a külső stílusokra vonatkozó első javaslatok egyidejűleg jelentek meg:
A CSS megjelenése arra a vágyra reagál, hogy "alternatívát kínáljon a HTML fejlődésének a strukturáló nyelvről a prezentációs nyelvre".
Ugyanakkor egy harmadik fejlesztési út is nyitott volt: az SGML dokumentumok DSSSL transzformációs nyelve , amelyet James Clark fejlesztett ki , egy olyan stílusnyelv lehetőségét sugallja, amely nem csak leíró, és közelít egy valódi programozási nyelvhez . Ezt az utat követi a Netscape, amely 1996-ban javasolta a W3C számára a „JavaScript-Based Style Sheets (JSSS)” programot, amelyet a Netscape Navigator 4 vezetett be 1997-ben .
A CSS eredete tehát három fő lehetőséghez kapcsolódik:
A Håkon Wium Lie által készített első javasolt lépcsőzetes HTML stíluslapok Dave Raggett figyelmét hívják fel , aki akkor a javasolt HTML 3.0 specifikáció fő szerkesztője volt. A tisztán strukturális HTML híve, ösztönözte egy CHSS munkadokumentum közzétételét, hogy azt a WWW-ről szóló második nemzetközi konferencián ( Mosaic and the Web , Chicago, 1994) bemutassák és megvitassák . A Håkon Lie the Arena böngészővel is módosította a nyelv tesztelését, és bemutatta az 1995-ös harmadik WWW-konferencián.
Ugyanakkor az akkor az Argo böngészőn dolgozó Bert Bos , aki saját „ Stream-based Style Sheet javaslatát ” (SSP) nyújtotta be a W3C-nek , úgy döntött, hogy erőfeszítéseit összekapcsolja Håkon Lie-vel. Az SSP-t azzal a gondolattal fejlesztették ki, hogy ne csak a HTML-re, hanem más jelölőnyelvekre is alkalmazható legyen, ezért Bert Bos és Håkon Lie felveszik ezt a célt, és az egyik legfontosabb jellemzőjévé teszik annak, amit aztán CSS-nek megfelelően mondanak el.
A CSS egy másik aspektusa tehát meghatározó a meglévő alternatívákkal szemben: a CSS az első nyelv, amely magában foglalja a "kaszkád" ( kaszkád stíluslap ) gondolatát , vagyis a dokumentum stílusának lehetőségét. több "stíluslapból" örökölt. Ez lehetővé teszi az elem formázásának több egymással versengő forrása közötti döntést, és így válaszol a komponálók szükségességére a szerzők és a felhasználók stilisztikai preferenciái között.
A World Wide Web Consortium (W3C) 1995-ben kezdte meg működését, és létrehozták a www stílusú levelezőlistát. Ugyanebben az évben Párizsban egy „W3C stíluslap műhelyt” tartottak, amely meghatározó a CSS jövője szempontjából. Különösen megerősíti azt a vágyat, hogy a stíluslapok egyszerű formában maradjanak, ami kizárja a Netscape JSSS hipotézisét. Ezenkívül Thomas Reardon (Microsoft) bejelenti a CSS jövőbeli támogatását az Internet Explorer jövőbeli verzióiban : ezért amikor a W3C az év végén létrehozza a " HTML Editorial Review Board " -t (HTML ERB) a jövőbeli HTML megerősítésére, A DOM és a CSS specifikációi, a Lou Montulli által képviselt Netscape végül csatlakozik a Bert Bos és Håkon Lie által vezetett CSS projekthez.
A szoftverektől eltérően a CSS specifikációkat nem egymást követő verziókban fejlesztik ki, ami lehetővé tenné, hogy a böngésző egy adott verzióra hivatkozhasson. A CSS-t "szintek" fejlesztették ki, amelyek minden új szintet arra kényszerítenek, hogy integrálják az előzőt, és mindegyik megvalósítás kompatibilis legyen az előzővel: ezért a CSS1-et a CSS2 részhalmazává fejlesztették, amely maga is a CSS3. Ez részben magyarázza a CSS normatív előrehaladásának lassúságát.
A végleges CSS1 specifikációt 1996. december 17-én tették közzé, és körülbelül ötven tulajdonságot definiált. A CSS1 "egyszerű stíluslap mechanizmus, amely lehetővé teszi a szerzők és az olvasók számára, hogy stílusokat (…) csatoljanak a HTML dokumentumhoz". Ez az egyszerűség egy olyan nyelv kiválasztását jelenti, amelyet az emberi felhasználók könnyen olvashatnak és írhatnak, valamint egy olyan terminológiát, amely megfelel a számítógépes kiadványok általános használatának. Ezért véglegesen kizárt a CSS XML vagy SGML szintaxisban történő kifejezésének lehetősége, amelyet rendszeresen emlegetnek az új szintaktikai elemzési mód megvalósításának elkerülése érdekében.
A CSS1 nem csak a saját nyelvtanát írja le : ez az első szint valóban olyan nyelvtant ír le, amelynek célja a későbbi szintek új funkciók hozzáadása, miközben lehetővé teszi e jövőbeli stíluslapok elolvasását az eredeti megvalósítások által. Ezeket az új funkciókat az eredeti megvalósítások nem fogják megérteni, de azonosíthatják és figyelmen kívül hagyhatják. A CSS így garantálja a visszamenőleges kompatibilitását .
A CSS1 lényegében meghatározza a szöveg tipográfiai megjelenítési tulajdonságait : betűtípusok (betűtípusok), szín, betűméret, súly , térköz, szegélyek és a listamarkerek kezelése.
Ezért még nincs kérdés az "elrendezésről": a tulajdonságot float, amelyet később széles körben felhasználnak a webes tervek átfogó CSS-elrendezéséhez, akkor csak úgy tervezik meg, hogy helyben, mellette elhelyezzék a tartalom, például kép, és a többi szöveg. Tekintettel a CSS1 problematikus megvalósítására, egyelőre a HTML elem eltérítése az tableáltalános elrendezés kezelésére továbbra is a leggyakoribb megoldás a webtartalom-szerzők számára.
1996-ban az Internet Explorer 3.0 volt az első kereskedelmi böngésző, amely részlegesen implementálta a CSS-t, miközben még formálják. Ez a Chris Wilson által vezetett korai megvalósítás nem felel meg a végleges specifikációnak. 1997-ben az Internet Explorer 4.0-ban egy új renderelő motor , a Trident született, ennek a böngészőnek a Windows alatt futó különféle verzióiban a CSS növekvő, de problémás támogatásának eredete, egészen az Internet Explorer 7-ig .
A Netscape Navigator 4.0 1997-ben követte a példáját, annak ellenére, hogy a CSS-hez képest történelmi vonakodást tanúsított: a böngészőháborúkkal összefüggésben a legfontosabb az volt, hogy a Microsoft ne tudja magát leginkább böngészőként érvényesíteni. Ez a belső JavaScript módszereken alapuló rohanó megvalósítás azonban végül korlátozottnak és nagyon megbízhatatlannak bizonyul. A Netscape Navigator 4.0 egy JSSS implementációt is hoz, amelyet nem vesznek figyelembe. Várnunk kell a Mozilla projekt új Gecko renderelő motorjára , hogy elérjük a CSS1 valódi megvalósítását.
1998-ban, amikor a Netscape és a Microsoft közötti böngészőháborúk véget értek, az Opera 3.5, amelynek időközben Håkon Lie lett a műszaki igazgatója, a CSS1 teljesebb megvalósítását érte el, ezt megkönnyítette az első "Test suite" kiadása a CSK 1. szintű kaszkád stílusú lapokhoz ”, amelyet elsősorban Eric Meyer készített a W3C számára. Ezeknek a tesztcsomagoknak a jelenléte komoly előnynek bizonyul mind a böngészőkben történő megvalósítás, mind a CSS technikák szerzők általi alkalmazása szempontjából (a tulajdonságokra és azok értékére vonatkozó részletes példákkal).
Végül a Tantek Çelik vezetésével az Internet Explorer 5.0 for Macintosh 2000 márciusában indult , a Tasman , a Tridenttől független egyedi megjelenítő motor alapján, az első böngésző, amely teljes mértékben (több mint 99% -ban) támogatja a CSS1-et. Annak biztosítása érdekében, hogy kompatibilis legyen az egyes megvalósításokra jellemző korábbi kódolási gyakorlatokkal (a „tag leves”), és hogy lehetővé tegye a webes dokumentumok megfelelő megjelenítését, függetlenül attól, hogy azok betartják-e a CSS és HTML szabványokat, vagy sem, ő is elsőként alkalmazza a doctype váltási technikát . Később az összes böngésző elfogadta, és ez később a CSS progresszív megvalósításának egyik kulcsa lett: kompatibilitási okokból valóban lehetővé teszi a böngésző számára a régi, saját fejlesztésű megvalósítások megőrzését, ugyanakkor lehetősége van választani, a dokumentumtípus-deklaráció szintaxisa szerint. oldalon az új szabványos megvalósításoknak megfelelő megjelenítési módhoz.
Az 1990-es évek végének ebben az időszakában a webdesign elsősorban a HTML használatától függött, mint prezentációs formátum. A Netscape legyőzése a böngészőháborúk végén, a Mozilla projekt révén bekövetkezett megújulás, az IE5 Mac megjelenése és kisebb mértékben az Internet Explorer Windows 5.x fejlődése, azonban a 2000-es évek elején , a szerzők által a weblaptervezési gyakorlatok fejlődésének új szakasza kezdődött: ezek a böngészők valóban lehetővé teszik annak bemutatását, hogy a böngészőháborúk idejéből származó történelmi gyakorlatok, a szerkezet és a prezentáció keverése valóban elhagyható egy megközelítés mellett. stíluslapokon és a webes szabványok (HTML és CSS értelmében) általánosabb tiszteletén alapul. Jeffrey Zeldman , a Web Standards Project társalapítója és az A List Apart (in) alapítója 1998-ban ezután a mozgalom emblematikus alakjaként jelenik meg a szabványok előmozdítása érdekében . Ő inspirálja a „hibrid” tervezési megközelítést is, kihasználva a CSS technikákat, miközben átmenetileg a bemutató táblákon alapuló dokumentumok formázásának keretein belül marad.
CSS2, rohanó ambíciókAzon igények kielégítésére, amelyekre az első CSS1 specifikáció még nem terjedt ki, a CSS-t 1997-ben a W3C-n belül egy új munkacsoportba osztották be , amelynek elnöke Chris Lilley volt . 2007-ben ebbe a csoportba az Apple , a Google , az IBM , a Microsoft , az Adobe , a Mozilla Foundation és az Opera képviselői tartoztak .
Az 1998 májusában ajánlásként megjelent CSS második szint jelentősen kibővíti a lépcsőzetes stíluslapok elméleti lehetőségeit, különösképpen mintegy 70 további tulajdonsággal. A CSS1-sel indított szöveg tipográfiai formázása mellett:
Ez a funkcionális gazdagság azonban csak korlátozott visszhangot tapasztal megvalósításaiban:
Számos okot említenek ezeknek a nehézségeknek és a CSS2 megvalósításának lassúságának magyarázatára:
A CSS2 megvalósításából származó visszajelzések arra késztették a W3C CSS munkacsoportját, hogy 2001-től megírja a CSS 2.1 átdolgozott verzióját (" CSS 2. szint, 1. változat "), a különböző böngészők által ténylegesen elfogadottak alapján. A felülvizsgálat céljai a következők:
A CSS 2.1 számos részletben kijavítja a CSS2-t, bizonyos részeket részben vagy egészben eltávolít (az " aural " médiatípus alatt definiált vokális stílusok , a nyomtatási stílusok, a letölthető betűtípusok, amelyek közül a meggyőzőbb definíciókat a jövőben elutasítják. CSS3), és a megvalósítások során frissített megállapítások alapján magyarázza (lebegő blokkok fejlett kezelése „formázási összefüggéseken keresztül”).
Miután 8 egymást követő verziót megtapasztalt, a CSS 2.1 2007 júliusában jelölt ajánlás, vagyis az a szabvány, amelyet a megvalósításoknak követniük kell.
A 2007 nem böngésző valójában elkészült az integrációs CSS 2.1: ez kell végrehajtani 56% -a az Internet Explorer 7, 91% szerint a Firefox 2 és 94% közötti Opera 9. Ezenkívül, az csak egy része a grafikus böngészők a Håkon Lie kezdeményezésére a Web Standards Project által 2005- ben elindított Acid2 tesztet sikeresen sikeresen teljesítette vagy megtartotta, különös tekintettel a CSS 2.1-es funkciók választásának megvalósításának elősegítésére, amelyet a legfontosabb szükséges előrelépésnek tekintenek: elemek a megjelenítés során, a táblázat-megjelenítési modell általánosítása az összes elemre, a CSS-en keresztül generált tartalom. A CSS professzionális használata ezért továbbra is egy önkényes részhalmazra korlátozódik, amelyet a közös implementációk határoznak meg.
A lépcsőzetes stíluslapok harmadik szintjének kidolgozása már a CSS 2.1 mellett elkezdődött.
A CSS3 egyre „modulárisabbá” válik, annak megkönnyítése érdekében, hogy megkönnyítse a frissítéseket, valamint az egyre változatosabb kapacitású és igényű felhasználói ügynökök (grafikus böngészők, mobil böngészők, hangos böngészők) általi megvalósítását. A böngészők így megvalósíthatják a CSS3 részhalmazait.
Ezért a CSS3 előrehaladásának mértéke a moduloktól és a CSS munkacsoport által nekik adott prioritás mértékétől függően változik. 2007-ben a legfejlettebb modulok (ajánlott ajánlások) a következőkre vonatkoznak:
Más esetekben a modulok elérhetik a jelöltajánlás szakaszát, de később a végrehajtási felhívást követően aktualizált nehézségek miatt visszavezethetők a munkadokumentum szakaszába. Ilyen például a „CSS Text” tipográfiai modul.
Hasonlóképpen, a megvalósítások a különböző böngészők stratégiájától és igényeitől függően változnak:
Egy holland programozó, Jori Koolstra 2002-ben javasolta a dinamikus lépcsőzetes stíluslapok fogalmát .
A CSS munkacsoport néhány tagja, valamint a webfejlesztők felvetették a CSS3 lassú előrehaladásának kérdését:
2008-ban a W3C egyetlen modult sem tekintett befejezettnek, ezért a böngészőkben való megvalósítás marginális, gyakran tesztként, mint a Gecko motor -moz-xxx funkciói , amelyek előtagja csak a Gecko-alapú böngészőkre korlátozza a felhasználást.
A lépcsőzetes stíluslapok negyedik szintjének megírása 2010-ben kezdődik, a CSS 3 modulok mellett.
Néhány modul lefagy, vagy éppen folyamatban van, tervezetek indulnak az utóbbiak lehetőségeinek bővítése érdekében. A munkát ezért az előző réteg mellett, vagy akár úgy, hogy az alsó réteget vesszük a választók számára.
A CSS egyik fő célja a dokumentumokon kívüli formázás lehetővé tétele. Lehetséges például csak egy dokumentum struktúrájának leírása HTML-ben , és az egész prezentáció leírása külön CSS stíluslapban. A stílusokat az utolsó pillanatban alkalmazzák a dokumentumot megtekintő látogatók webböngészőjében. Ez a szétválasztás számos előnnyel jár, lehetővé téve az elérhetőség javítását , a bemutatás könnyebb megváltoztatását és a dokumentum felépítésének bonyolultságát.
Így a stíluslapok előnyei sokfélék:
A CSS lehetővé teszi, hogy meghatározza a dokumentum renderelését a megjelenítési adathordozó és annak képességei ( monitor vagy hangeszköz típusa ), a böngésző ( szöveg vagy grafika), valamint a felhasználó preferenciái szerint.
A stíluslapok a következő adathordozókra differenciálhatók a CSS2.1 szerint:
Más típusú média elméletileg által előirányzott CSS2.1 leírás, de nem hajtják végre a felhasználó ágensek: brailleés embosseda Braille tabletták és embossers, valamint ttyaz teleprinters .
Minden médiumban a dokumentum készítője által meghatározott megjelenítési stílusokat kombinálják a felhasználói ügynök alapértelmezett értékeivel, valamint a felhasználó preferenciáiból és személyes konfigurációiból levezetett stílusokkal.
A vevőkészülék képességeit a szerzők figyelembe vehetik, a CSS3 " média lekérdezések " modult megvalósító felhasználói ügynökök számára : ez lehetővé teszi, hogy a stíluslap figyelembe vételét korlátozzák különösen a felbontást vagy a a színek visszaállításának képessége.
Stílusok kaszkádjaA "kaszkád" ugyanazon dokumentumra alkalmazott különböző stílusforrások kombinációja, prioritásuk mértékének megfelelően. Különböző kaszkád módok kombinálhatók:
A stílusos dokumentum megjelenítését a doboz és az áramlás fogalma határozza meg. A CSS renderelő motor létrehoz egy "formázási struktúrát", amely tükrözi a dokumentum logikai fáját . Ennek a szerkezetnek minden eleme létrehoz egy vagy több zónát, amelyek konfigurálható megjelenítési vagy beszédmegjelenítési tulajdonságokkal rendelkeznek. A megjelenítés vagy az olvasás az egyes elemek számára egymás után generált dobozok áramlásából történik, ahogyan a formázási struktúra lineáris sorrendjében jelenik meg.
Esettől függően ezek a különböző típusú dobozok:
A CSS dobozokra vonatkozó jellemzőket párok formájában fejezzük ki propriété: valeur.
A tulajdonságok angol nyelvű szavakkal vannak címkézve, például " szélesség ", " betűméret " vagy " hangerő ".
Az értékek az esettől függően máshol szabványosított egységek vagy CSS-re jellemző kulcsszavak segítségével is kifejezhetők. Például a háttér vagy a szöveg színe kifejezhető az RGB modell vagy a fekete, kék, fukszia stb. Kulcsszavak használatával .
A CSS tulajdonságokat két ellentétes korlát kompromisszuma alapján hozták létre: megkönnyítik a felhasználói ügynökök számára a stíluslapok elolvasását az egyes tulajdonságok megsokszorozásával, vagy megkönnyítik a szerzők számára az írást kisebb számú kombinált tulajdonság használatával. Például a háttérkép helyzetét egyetlen tulajdonság ( background-position) határozza meg , amely mind az abszcissza, mind az ordináta értékeket ötvözi, és nem két különálló tulajdonság. Hasonlóképpen vannak olyan rövidített tulajdonságok, amelyek lehetővé teszik a szerzők számára, hogy egyszerűsítsék a tulajdonságok sorozatának megírását: a parancsikon fontlehetővé teszi például, hogy egyetlen szabályban foglalja össze a betűtípus, a méret, a vonalmagasság, a nagybetű, a súly és a dőlt betű tulajdonságait. A "/" karakter használata azonban sokkal bonyolultabbá teszi a stíluslapok felhasználói ügynökök általi elemzését.
Kiválasztók és szabályblokkokA tulajdonságok szabályblokkok szerint vannak csoportosítva, a zárójelek határolják {}. Minden blokkot egy választó előz meg, amely kijelöli azokat a szerkezeti elemeket, amelyekre az érintett tulajdonságokat alkalmazni kell:
/*Je suis un commentaire qui commente le code et qui ne fait rien*/ body { /*Couleur de fond : */ background-color: green; } p { /*Couleur du texte : */ color: red; /*Taille du texte en px (pixel) : */ font-size: 20px; } button { /*Contour : */ outline: none; /*Bordure*/ border: none; /*Couleur de fond : */ background-color: black; /*Couleur de texte : */ color: white; } /*Hover veut dire au survol d'un bouton*/ button:hover { /*Couleur de fond : */ background-color: green; } /*Selection veut dire à la selection du texte*/ *::selection { /*Couleur de fond : */ background-color: black; /*Couleur du texte : */ color: white; } CSSOOAz objektum-orientált CSS (angolul: OOCSS ) egy olyan módszer, amelyet 2009-ben hoztak létre az objektum-orientált programozás mintájára , lehetővé téve stílusainak többféle környezetben történő újrafelhasználását.
BEMA BEM (Block, element, modifier) egy 2010-ben kitalált CSS írástechnika, amely a stílusok fa struktúra formájában történő deklarálásából áll a teljesítmény javítása érdekében. Példa:
.product { &-productLabel { ... } &-productPicture { ... } }Megjegyzés: az ampersand (&) a Sass és a LESS szülőobjektumot jelenti .
Az index.html fájl tartalma :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <link rel="stylesheet" href="style.css"/> <title>Exemple html et css</title> </head> <body> <button class="btn" id="btn1">Premier bouton</button><br/><br/> <button class="btn" id="btn2">Deuxième bouton</button><br/><br/> <button class="btn" id="btn3">Troisième bouton</button> </body> </html>A style.css fájl tartalma :
.btn { height: 50px; color: white; font-size: 20px; cursor: pointer; transition: background-color 2s; outline: none; border: none; } *::selection { background-color: lightgreen; color: darkblue; } .btn:hover { transition: background-color 2s; } #btn1 { background-color: lightgreen; } #btn1:hover { background-color: darkgreen; } #btn2 { background-color: lightblue; } #btn2:hover { background-color: darkblue; } #btn3 { background-color: red; } #btn3:hover { background-color: orange; }A HTML fájl böngészőben történő megnyitása megmutatja a CSS fájlhoz konfigurált stílusokat.
A CSS kezdetben arra törekedett, hogy független legyen a dokumentum felépítése és bemutatása között.
Így a Dave Shea (en) által 2003-ban létrehozott CSS Zen Garden webhely célja, hogy bemutassa annak lehetőségét, hogy ugyanazon weboldal megjelenített megjelenítését szabadon módosítsák, csak a CSS-nek köszönhetően és a kódjának módosítása nélkül. HTML: 2006 decemberében 986 különböző mintát mutatott be honlapján. E tervek többsége azonban részben vagy egészben azon alapul, hogy az oldal szöveges tartalmát CSS-képekkel cserélik ki, amelyek megjelenését gazdagítva reprodukálják: a grafikai szabadság mindig részben a szöveg képpé alakításán alapul. Másrészről a CSS Zen Garden továbbra is egyetlen dokumentumra korlátozott stílusgyakorlat, szemantikailag semleges elemekkel és attribútumokkal párosított struktúrával, amelyek csak a CSS-választók támogatását szolgálják.
Noha számos olyan HTML dokumentumra van példa, amelyhez több stíluslapot fejlesztettek ki, csak néhány olyan általános stíluslap található, amely független a dokumentum szerkezetétől. Az alapértelmezett felhasználói ügynökstílusok erre példa, de egyszerű tipográfiai effektusokra korlátozódnak, elrendezés meghatározás nélkül. Általában a stíluslapok szorosan függnek a formázandó dokumentum struktúrájától, és nehezen használhatók fel másként strukturált dokumentumokon. Inkább a HTML CSS minták létrehozásával aknázzák ki a stílusok ezen függetlenségét a dokumentumok sajátos struktúrájától.
Általánosabban :
A CSS elősegíti a weboldal hozzáférhetőségét azáltal, hogy végső soron lehetővé teszi a felhasználó számára, hogy a böngészőjében megjelenítse a dokumentum megjelenítését: így lehetőség van arra, hogy azt a korlátokhoz vagy preferenciákhoz igazítsa, például a karakterek vagy a színek megjelenítési méretét illetően. A CSS a szerkezet és a bemutatás elkülönítésével elősegíti a szemantikusan strukturált dokumentumok megírását is, amelyek a technikai segédeszközök által esetleg jobban használhatók: a cím elemek megjelenítésének szabadsága lehetővé teszi például ezek formális hierarchikus sorrendjének szigorú betartását. viszont lehetővé teszi, hogy a technikai segédanyagok hajózható tartalomjegyzéket hozzanak létre. Végül azáltal, hogy a CSS lehetővé teszi a szerzők számára a szöveg formázásának gazdagítását, lehetővé teszi a képekbe szedett szövegek használatának korlátozását.
A CSS egyes felhasználásai azonban veszélyeztethetik a tartalom hozzáférhetőségét is:
A webtartalom-akadálymentesítési irányelvek ( például az RGAA , az UWEM ) alkalmazásának módszerei ezért meghatározzák a CSS-stílusok használatának szabályait.
A CSS reagál arra a vágyra, hogy egyszerű prezentációs formátumot kapjon, mind funkcionalitásában, mind szintaxisában, a szerzők és a felhasználók közvetlen manipulációjának elősegítése érdekében. Ezt az egyszerűséget azonban több tényező is megkérdőjelezi:
A CSS keretrendszerek előre elkészített könyvtárak, amelyek a weblapok egyszerűbb, szabványoknak megfelelő kialakítását teszik lehetővé a lépcsőzetes stíluslapok nyelvén. Ezek közé tartozik a Blueprint , a Bootstrap , a Cascade Framework és az Foundation . A programozási nyelvhez és a szkriptkönyvtárakhoz hasonlóan a CSS keretrendszereket általában külső .css lapokként építik be, amelyekre HTML "<head>" hivatkozik. Számos kész lehetőséget kínálnak a web tervezéséhez és elrendezéséhez. Bár sok ilyen keretrendszer megjelent, néhány szerző elsősorban a gyors prototípus készítéshez vagy a tanuláshoz használja, és a "fel nem használt szolgáltatásokhoz" a "kézműves" CSS-t részesíti előnyben, amely minden publikált webhelyhez megfelelő, a kapcsolódó tervezési, karbantartási és letöltési költségek nélkül. . az oldal stílusában.
A projektben felhasznált CSS-erőforrások méretének növekedésével a fejlesztői csapatnak gyakran közös tervezési módszertanról kell dönteniük szervezettségük érdekében. A célok a könnyű fejlesztés, a fejlesztés során történő egyszerű együttműködés és a böngészőben elhelyezett stíluslapok teljesítménye. A népszerű módszerek közé tartozik az OOCSS (Object Oriented CSS), az ACSS (Atomic CSS), az oCSS (Organic Cascading Style Sheet), az SMACSS (Scalable and Modular Architecture for CSS) és a BEM (Block, Element, Modifier).