CSS

 Kaskádových štýlov (CSS) je štýlov jazyk používaný na určenie vzhľadu sémantika (vzhľad a formátovanie) dokumentu napísaného v značkovací jazyk. Jeho najčastejšie použitie je v štýle webových stránok napísaných v HTML a XHTML, ale jazyk môže tiež byť aplikovaný na nejaký druh dokumentu XML, vrátane SVG a XUL. 

CSS je primárne určený k tomu, aby oddelenie obsahu dokumentu (v jazyku HTML alebo podobný značkovací jazyk), z dokumentu prezentácie, vrátane prvkov, ako je rozloženie, farieb a písma. [1] Toto oddelenie môže zlepšiť prístupnosť obsahu, poskytnúť väčšiu flexibilitu a kontrolu v špecifikácii prezentácie vlastností, umožňujú viac stránok zdieľať formátovanie, a znížiť zložitosť a opakovanie v štrukturálnych obsahu (napr. umožnením beztabulkový web design). CSS môže tiež dovoliť rovnakej značky stránke bude uvedené v rôznych štýlov pre rôzne vizualizačné metódy, ako je on-screen, v tlači, podľa hlasu (pri ktorej predniesol reč-založené prehliadača alebo čítanie z obrazovky) a Braille-založené, hmatové zariadenia. Kým autor dokumentu typicky odkazy, ktoré dokument CSS štýlov, čitatelia môžu používať rôzne štýly, možno jeden na svojom vlastnom počítači, prepísať jeden autor stanovil. 
CSS určuje priority programu na určenie, ktorý štýl pravidlá platia pre viac ako jedno pravidlo zápasy proti konkrétny prvok. V tomto takzvaný kaskádový, sú priority alebo váhy vypočíta a priradené pravidlá tak, že výsledky sú predvídateľné. 
CSS špecifikácie sú udržiavané World Wide Web Consortium (W3C). Typ internetového média (MIME typ) text / css je registrovaná pre použitie s CSS v dokumente RFC 2318 (marec 1998). 
Popularita CSS ako nástroj pre navrhovanie sa trvalo zvyšuje a teraz je považovaná za predný systém pre dizajnu webových stránok. [Pochvalné zmienky potrebovala] 
Obsah [skryť] 
Syntax 1 
1.1 Použitie 
1,2 Zdroje 
2 histórie 
2,1 Problémy s prijatím 
2,2 Variácia 
2.2.1 CSS 1 
2.2.2 CSS 2 
2.2.3 CSS 3 
3 Podpora prehliadačov 
4 Obmedzenia 
5 Výhody 
6 CSS rámec 
7 Umiestnenie 
7,1 Funkcia: hore, dole, vľavo a vpravo 
7,2 Plavák a jasné 
8 Pozri aj 
9 Odkazy 
10 Ďalšie čítanie 
11 externých spojenie 
[Editovať] Syntax 

CSS má jednoduchú syntax a používa množstvo anglických slov špecifikovať mená rôznych vlastností štýlu. 
Štýlov sa skladá zo zoznamu pravidiel. Každé pravidlo alebo pravidlo-Sada sa skladá z jedného alebo viacerých selektorov a vyhlásenia bloku. Vyhlásenie-blok sa skladá zo zoznamu deklaráciou do zátvoriek. Každé vyhlásenie sa skladá z nehnuteľnosti, dvojbodka (:), hodnota, potom semi-dvojbodka (;).[ 2] 
V CSS, selektory sú použité vyhlásiť, ktoré z prvkov značenia štýl platí, druh zápasu výrazu. Selektory sa môže vzťahovať na všetky prvky určitého typu, alebo len tie prvky, ktoré zodpovedajú určitej vlastnosti; prvky môžu byť uzavreté v závislosti na tom, ako sú uvádzané vo vzťahu k sebe v značkovaciu kód, alebo o tom, ako sú vnorené do dokumentu objekt model. 
Pseudo-triedy sú ďalšie forma špecifikácie používaných v CSS pre identifikáciu značky prvkov, a v niektorých prípadoch konkrétne akcie užívateľa, na ktoré sa colné vyhlásenie vzťahuje bloku. Často-použitý príklad je: hover pseudo-triedu, ktorá sa týka štýlu, iba vtedy, keď používateľ 'body' viditeľný element, zvyčajne tým, že drží kurzor myši nad ním.Je pripojený k volič ako v: hover alebo # elementid: hover. Ostatné pseudo-triedy a pseudo-prvky sú napríklad: first-line,: navštívili, alebo: pred. Špeciálny pseudo-trieda: lang (c), "c". 
Pseudo-triedy vyberie celá prvky, ako sú: odkaz alebo: navštívili, keďže, pseudo-element je výber, ktorý sa môže skladať z čiastkových prvkov, ako sú: first-line: first-letter. 
Selektory môžu byť integrované v iných smeroch, najmä v CSS 2.1, pre dosiahnutie väčšiu presnosť a flexibilitu [3]. 
Tu je príklad sumarizuje vyššie uvedené pravidlá: 
Volič [, selector2, ...][: pseudo-triedy] { 
  vlastnosť: hodnota; 
 [Property2: hodnota2; 
  ...] 
} 
/ * Komentár * / 
[Editovať] Použitie 
Pred CSS, takmer všetky prezentačné atribúty HTML dokumentov boli obsiahnuté v rámci značiek HTML, všetky farby písma, pozadia, štýly, prvok politickej angažovanosti, hraníc a veľkosti musel byť výslovne opísal, často opakovane, v HTML. CSS umožňuje autorom presunúť veľkú časť týchto informácií do samostatného štýlov čo značne jednoduchšie značky HTML. 
Rubriky (h1 prvky), sub-položiek (H2), sub-sub-okruhy (H3), atď, sú definované štrukturálne pomocou HTML. V tlači a na obrazovke, výber písma, veľkosť, farbu a dôraz na tieto prvky je prezentačná. 
Pred CSS, autori dokumentu, ktorí chceli priradiť také typografické znaky, povedzme, všetci h2 čísel musel použiť písmo HTML a ďalších prezentačných prvkov pre každý výskyt tejto položky typu. Dodatočné prezentačné značenie v HTML dokumenty sa zložitejšie, a všeobecne ťažšie udržať. V CSS je prezentácia oddelená od štruktúry. V tlači, CSS možné definovať farbu, font, zarovnanie textu, veľkosť, okraje, riadkovanie, rozvrhnutie a mnoho ďalších typografických vlastností. To môže robiť tak nezávisle na on-screen a tlačenej názory. CSS tiež definuje non-vizuálne štýly, ako je rýchlosť a dôraz, ktorý je s textom, ktoré predniesol fonetickú text čitatelia. W3C sa teraz domnieva, výhody CSS pre definovanie všetky aspekty prezentácie HTML stránok má byť lepšia ako iné metódy. Je preto kritizoval použitie všetkých pôvodných presentational značky HTML. 
[Editovať] Zdroje 
CSS informácie môžu byť poskytnuté rôznymi zdrojmi. CSS štýl informácie môžu byť buď priložená ako samostatný dokument alebo vložený v HTML dokumente. Viac štýlov možné importovať. Rôzne štýly môžu byť aplikované v závislosti na výstupnom zariadení používa, napríklad, môže na obrazovke verziu byť docela odlišná od tlačenej verzie, takže autori môžu prispôsobiť prezentáciu primerane pre každé médium. 
Prioritné systému pre CSS zdrojov (od najvyššej po najnižšiu prioritu): 
Autor štýly (za predpokladu, autor webovej stránky), vo forme: 
Inline štýly, vnútri HTML dokumentu, štýl, informácie o jediný prvok, špecifikovaný pomocou "štýl" atribút 
Vložený štýl, bloky CSS informácií vnútri HTML sama 
Vonkajšie štýly, tj samostatný CSS súbor odkazuje z dokumentu 
Užívateľ štýlu: 
Lokálne súbor CSS používateľ špecifikuje s prehliadačom možnosť, ktorá sa chová ako potlačenie použiť na všetky dokumenty 
Užívateľský agent štýl 
Predvolené štýly uplatňované užívateľského agenta, tj v prehliadači predvolené nastavenia pre element prezentáciu 
Štýlov s najvyššou prioritou kontroluje obsah displeja. Vyhlásenie nie je nastavený na najvyššiu prioritu zdroj premietnu do zdroja s nižšou prioritou, ako je štýl užívateľského agenta. Tento proces sa nazýva kaskádovanie. 
Jedným z cieľov je tiež CSS umožniť používateľom väčšiu kontrolu nad prezentácie.Niekto, kto zistí, červená kurzíva čísiel ťažké čítať môžu použiť iné štýly. V závislosti na ich prehliadača a na webové stránky, používateľ môže vybrať z rôznych štýlov poskytnutej návrhári, môže odstrániť všetky pridané štýlu a zobrazenie webových stránok v prehliadači predvolený štýl, alebo môže prepísať len červená kurzíva štýl nadpisu bezo zmeny ďalšie atribúty . 
Súbor highlightheaders.css obsahujúci: 
h1 {farba: biela, background-color: oranžová dôležité;!} 
h2 {farba: biela, background-color: zelená dôležité;!} 
Takýto súbor je uložený lokálne, a platí v prípade, že bolo uvedené v možnosti prehliadača. "! Dôležité" znamená, že prevažuje nad autor špecifikácií. 
[Editovať] História 

Štýlov existoval v tej či onej podobe od začiatku SGML v roku 1970. Kaskádových štýlov bol vyvinutý ako prostriedok pre vytvorenie jednotného prístupu k poskytovaniu informácií o štýle pre webové dokumenty. 
Ako HTML rástol, to prišlo zahrnúť širší paletu štylistické schopnosti, aby spĺňali požiadavky webovej vývojárov. Tento vývoj dal návrhár väčšiu kontrolu nad stránke vzhľadu, ale za cenu HTML čoraz zložitejšie napísať a udržiavať. Zmeny v implementáciách internetového prehliadača, tj ViolaWWW a WorldWideWeb [4] vykonané v súlade webe vzhľad ťažké, a užívatelia mali menšiu kontrolu nad tým, ako bol zobrazovaný webového obsahu. Robert Cailliau chcel oddeliť od štruktúry prezentácie [4] Ideálny spôsob, ako by bolo dať užívateľovi rôzne možnosti a prevedenie tri rôzne druhy štýlov:. Jeden pre tlač, jeden pre prezentáciu na obrazovke a jeden pre editor funkcie [4]. 
Pre zlepšenie možnosti webovej prezentácie, bolo deväť rôznych jazykoch štýlov navrhuje (W3C) World Wide Web Consortium www-štýl mailing list. Z deviatich návrhov, boli dva vybratá ako základ pre to, čo sa stalo CSS: Kaskádové štýly HTML (CHSS) a Stream-založené Style Sheet Návrh (SSP). CHSS, jazyk, ktorý má nejakú podobnosť s dnešným CSS, bola navrhnutá Hakone Wium Lie v októbri 1994. Bert Bos pracoval na prehliadač nazvaný Argo, ktorý používal svoje vlastné štýly jazyka volal SSP [5]. Lie a Yves Lafon pripojil Dave Raggett rozšíriť prehliadač Arena pre podporu CSS ako testovacie aplikácie pre W3C. [6] [ 7] [8] Lie a Bos pracoval spoločne vyvinúť štandard CSS (ďalej len 'H' bol odstránený z názvu, pretože tieto štýly môžu byť použité aj na iných značkovacích jazykov, okrem HTML) [9]. 
Na rozdiel od existujúceho štýlu jazyky ako DSSSL a FOSI, CSS dovolil dokumentu štýl je ovplyvnený mnohými štýlmi. Jeden štýlov mohol zdediť alebo "kaskády" z iného, umožňujúci zmes štylistické preferencie riadené dielom miesto návrhára a užívateľa. 
Lie návrh bol predložený na "Mosaic a na webe" konferencie (neskôr volal www2) v Chicagu, Illinois v roku 1994, a znovu sa Bert Bos v roku 1995 [9]. Okolo tentoraz W3C už bola založená, a vzal záujem vo vývoji CSS. To usporiadali seminár na tento účel, ktorému predsedá Steven Pemberton. To malo za následok W3C pridania prácu na CSS na výsledky preskúmania redakčná rada HTML (ERB). Lož a Bos bol primárne technického personálu na tento aspekt projektu, s ďalšími členmi, vrátane Thomasa Reardon Microsoft, ktoré sa zúčastňujú tiež. V auguste 1996 Netscape Corporation predstavila oznámenie alternatívne štýly jazyk volal JavaScript štýlov (JSSS) [9]. Spec nebola nikdy dokončená a je zastaraný. [10] Do konca roka 1996, CSS bol pripravený stať sa oficiálnym a CSS úroveň 1 odporúčania bola uverejnená v decembri. 
Vývoj HTML, CSS, DOM a boli všetci odohrávajúci sa v jednej skupine, HTML redakčný Review Board (ERB). Čoskoro v roku 1997, ERB bol rozdelený do troch pracovných skupín: HTML Pracovná skupina, ktorej predsedá Dan Connolly z W3C; DOM Pracovná skupina, ktorej predsedá Lauren Drevo SoftQuad a CSS Pracovná skupina, predsedal Chris Lilley W3C. 
CSS Pracovná skupina začala riešiť problémy, ktoré neboli oslovené s CSS úrovne 1, končiť vytvorením CSS úrovne 2 4. novembra 1997. To bolo vyhotovuje ako W3C odporúčania 12. mája 1998. CSS level 3, ktorý sa začal v roku 1998, je stále vo vývoji od roku 2009. 
V roku 2005 CSS pracovnej skupiny sa rozhodli presadzovať požiadavky pre štandardy prísnejšie. To znamená, že už uverejnených noriem, ako je CSS 2.1, CSS 3 selektory a CSS 3 Text bol stiahnutý z kandidátskych odporúčaní na úrovni pracovnej návrh. 
[Editovať] Problémy s prijatím 
Hoci CSS1 špecifikácia bola dokončená v roku 1996 a Microsoft Internet Explorer 3 [9] bol prepustený v tomto roku predstavovať nejakú obmedzenú podporu pre CSS, to bolo viac ako tri roky predtým, než webový prehliadač dosiahol blízko-úplné implementácie tejto špecifikácie. Internet Explorer 5.0 pre Macintosh, boli vydaní v marci 2000, bol prvý prehliadač mať plný (lepšie ako 99 percent) CSS1 podporu, [11] prekonávať opery, ktorý bol vedúcim od jeho zavedenia podpora CSS 15 mesiacov skôr. Ostatné prehliadače nasledovali čoskoro potom, a mnoho z nich dodatočne vykonávať častí CSS2. Ako augusta 2010, nie (hotové) prehliadač plne implementovaný CSS2, s rôznou úrovňou implementácie (pozri Porovnanie usporiadanie motorov (CSS)). 
Aj keď čoskoro prehliadačoch, ako Internet Explorer 3 [9] a 4 a Netscape 4.x mali podporu pre CSS, to bolo typicky neúplné a postihnutý sa vážne chyby. Jednalo sa o vážnu prekážku pre prijatie CSS. 
Keď neskôr 'verzia 5' prehliadačov začala ponúkať pomerne úplné vykonanie CSS, oni boli ešte nesprávne v určitých oblastiach a sú plné rozporov, chyby a iné vtipy. Šírenie takýchto CSS-súvisiace nezrovnalosti, a dokonca aj rozdiely vo funkcii podporujú bolo ťažké pre návrhárov, aby bola dosiahnutá konzistentný vzhľad medzi platformami.Niektorí autori sa uchýlil k riešeniu, ako je CSS hack a CSS filtre pre získanie konzistentných výsledkov cez webové prehliadače a platformy. 
Problémy s nedostatočným prehliadačov 'prijatie CSS spolu s errata v pôvodnej špecifikácie W3C viedlo k revízii CSS2 štandard do CSS2.1, ktorý sa pohyboval bližšie na pracovnú snímku aktuálnej podpora CSS v prehliadačoch HTML. Niektoré CSS2 vlastnosti, ktoré žiaden browser úspešne realizovala bolo upustené, a v niekoľkých prípadoch, definované správanie boli zmenené, aby normy do súladu s prevládajúcou existujúce implementácie. CSS2.1 sa stal kandidát odporúčania 25. februára 2004, ale CSS2.1 bola stiahnutá späť do pracovného stavu Koncept 13. júna 2005 [12] a len sa vrátil k odporúčaniu štatút kandidátskej krajiny 19. júla 2007. [13] 
V minulosti boli niektoré webové servery nakonfigurovať tak, aby slúžiť všetky dokumenty s príponou. CSS [14] ako MIME typ application / x-pointplus [15] skôr ako text / css. V tej dobe, Net-scéna bola spoločnosť predávajúci PointPlus Maker previesť PowerPoint súbory do Kompaktné Slide Show (pomocí. CSS rozšírenie) [16]. 
[Editovať] Varianty 
CSS má rôzne úrovne a profily. Každá úroveň CSS nadväzuje na poslednú, typicky pridávanie nových funkcií a typicky označil ako CSS1, CSS2 a CSS3. Profily sú typicky podmnožina jedného alebo viacerých úrovní CSS postavený pre konkrétne zariadenia alebo užívateľské rozhranie. V súčasnej dobe existujú profily pre mobilné zariadenia, tlačiarne a televízne prijímače. Profily by sa nemala zamieňať s typmi médií, ktoré boli pridané v CSS2. 
[Editovať] CSS 1 
Prvá CSS špecifikácie, aby sa stal oficiálnym odporúčania W3C je CSS úrovne 1, zverejnené v decembri 1996 [17] Medzi jeho schopnosti sú podporu.: 
Vlastnosti písma, ako je písmo a dôraz 
Farbu textu, pozadia a ďalšie prvky 
Atribúty textu, ako sú medzery medzi slovami, písmenami a riadky textu 
Zarovnanie textu, obrázkov, tabuliek a ďalších prvkov 
Marža, hranice, polstrovanie, polohovanie a pre väčšinu prvkov 
Jednoznačnú identifikáciu a druhovej klasifikácie skupín atribútov 
W3C už udržuje CSS1 odporúčania [18]. 
[Editovať] CSS 2 
CSS úroveň 2 bol vyvinutý W3C a publikoval ako odporúčania v máji 1998.Nadmnožinou CSS1, CSS2 obsahuje rad nových funkcií, ako je absolútna, relatívna, a pevné umiestnenie prvkov a z-index, pojem typy médií, podpora zvukových štýlov a obojsmerný text, a nové vlastnosti písma, ako sú tiene. W3C už udržuje CSS2 odporúčania [19]. 
CSS úrovne 2 revízia 1 alebo CSS 2.1 opravuje chyby v CSS2, odstraňuje zle-podporoval alebo nie sú plne interoperabilné funkcie a pridáva už-realizoval rozšírenie prehliadača špecifikácie. Na dosiahnutie súladu s W3C proces pre štandardizáciu technických špecifikácií, CSS 2.1 jede tam a späť medzi pracovnou štatút kandidátskej Návrh a odporúčania stav. CSS 2.1 najprv sa stal kandidát odporúčanie, ale to bolo sa vrátil k pracovný návrh 13. júna 2005 pre ďalšie preskúmanie. To bolo sa vrátil k odporúčaniu štatút kandidátskej krajiny dňa 19. júla 2007 a bol dvakrát aktualizovaný v roku 2009. Avšak, pretože zmeny a vysvetlenie bola podaná v próze sa vrátil do Last Call pracovný návrh dňa 7. decembra 2010 [20] 
[Editovať] CSS 3 
CSS level 3 je vo vývoji od 15.decembra 2005. [21] [22] W3C udržuje CSS3 správu o pokroku. CSS3 je modulárny a skladá sa z niekoľkých samostatných odporúčaní. W3C CSS3 Plán poskytuje zhrnutie a úvod [23]. 
[Editovať] Podpora prehliadačov 

Ďalšie informácie: Porovnanie rozloženia motorov (kaskádových štýlov) 
Pretože nie všetky prehliadače v súlade zhodne s CSS kódu, kódovanie technika známa ako CSS filter môže použiť na zobrazenie alebo skrytie častí CSS v rôznych prehliadačoch, a to buď tým, že využíva CSS-manipulácia vtipy, alebo chyby v prehliadači, alebo s využitím nedostatok podpory pre časti špecifikácie CSS. [24] Použitie CSS filtre, niektorí návrhári šli tak ďaleko, ako dodávať rôzne CSS pre niektoré prehliadače, aby zabezpečili vykonanie vykreslenie, ako sa očakávalo. Vzhľadom k tomu veľmi skoro webových prehliadačoch boli buď úplne neschopný zaobchádzania CSS, CSS alebo urobiť veľmi zle, návrhári dnes často rutinne používať CSS filtre, ktoré úplne zabrániť v prístupe týchto prehliadačov niektorého z CSS. Internet Explorer podporu pre CSS začal s IE 3.0 a postupne zvyšuje s každou verziou. Do roku 2008, prvý Beta Internet Explorer 8 ponúka podporu pre CSS 2.1 v jej najlepšom režime webové štandardy. 
Príkladom známy prehliadač CSS bug je Internet Explorer box model bug, kde sú polia šírky nesprávne vyložil v niekoľkých verziách prehliadača, končiť bloky, ktoré sú príliš úzke pri zobrazení v Internet Exploreri, ale správne štandardy-kompatibilný prehliadača.Táto chyba môže byť odmietaný v programe Internet Explorer 6 pomocou správnej DOCTYPE v (X) HTML dokumentov. CSS hacky a CSS filtre sa používajú na kompenzáciu chýb, ako je tento, len jeden zo stoviek CSS chýb, ktoré boli zdokumentované v rôznych verziách Netscape, Mozilla Firefox, Opera a Internet Explorer (vrátane Internet Explorera 7) [25]. [26] 
Dokonca aj keď dostupnosť CSS-schopný prehliadač robil CSS životaschopná technológie, bolo prijatie CSS stále brzdia návrhári 'zápasí s prehliadačmi' chybnej implementáciu CSS a medzi trsy podpora CSS. Dokonca aj dnes, tieto problémy pokračovať v činnosti CSS dizajne zložitejšie a nákladnejšie, než to bolo zamýšľal byť, a cross-browser testovanie zostáva nevyhnutnosťou. Iné dôvody pre pokračovanie non-prijatie CSS sú: jeho vnímanou zložitosť, nedostatok autorov 'oboznámenosť s CSS syntaxou a potrebnej techniky, zlá podpora z autorské nástroje, rizikám, ktoré predstavuje nesúlad medzi prehliadačmi a zvýšené náklady na testovanie. 
V súčasnej dobe panuje silná konkurencia medzi rozloženie Mozilla Gecko motor používaný vo Firefoxe, rozloženie jadro WebKit používané v prehliadači Apple Safari a Google Chrome, podobné KHTML motor používaný v prehliadači KDE Konqueror a Opera Presto usporiadanie motora-každý z nich vedie v rôznych oblastiach CSS. Od augusta 2009, Internet Explorer 8, Firefox 2 a 3 primerane kompletné úrovniach implementácie CSS 2.1 [27]. 
[Editovať] Obmedzenie 

Niektoré známe obmedzenie súčasných schopností CSS patria: 
Chudák ovládacie prvky pre flexibilné rozvrhnutie 
Kým nové prírastky do CSS3 zabezpečiť silnejšie, odolnejšie rys-súbor pre layout, CSS je stále v srdci styling jazyk (fonty, farby, hranice a iné dekorácie), nie rozloženie jazyku (bloky s pozície, veľkosti, okrajov , a tak ďalej). Tieto obmedzenia znamenajú, že vytvorenie tekutiny rozvrhnutie všeobecne vyžaduje ručné-kódovanie CSS, a držal späť vývoj noriem-založené WYSIWYG editor. [Pochvalné zmienky potrebovala]. 
Selektory sú schopní vystúpiť 
CSS ponúka žiadny spôsob, ako vybrať rodičia alebo predka prvok, ktorý spĺňa určité kritériá. Pokročilejšie voliča režimu (napr. XPath) by umožnila náročnejšie štýlov. Avšak, sú hlavné dôvody pre CSS Pracovná skupina sa zamieta návrhy na materskej voliča v súvislosti s výkonom prehliadača a inkrementálny vykresľovanie. [Pochvalné zmienky potrebovala] 
Vertikálne kontrola obmedzenia 
Kým horizontálne umiestnenie prvkov je všeobecne jednoduché ovládanie, vertikálne umiestnenie je často unintuitive, spletitý, alebo nemožné. Jednoduché úlohy, ako napríklad centrovanie prvok vertikálne alebo ako päty byť umiestnené žiadne vyššie než spodnej časti výrezu buď vyžadujú zložité a unintuitive štýl pravidlá, alebo jednoduché, ale široko podporované pravidlá. [Objasnenie potrebovalo] 
Absencia výrazov 
V súčasnej dobe nie je možnosť zadať hodnoty vlastností ako jednoduché výrazy (napr. okraj-odišiel: 10% - 3eM + 4px;). To by bolo užitočné v mnohých prípadoch, ako je výpočet veľkosti stĺpcov s výhradou obmedzení na súčet všetkých stĺpcov. Avšak, pracovné návrh s calc () hodnotu k riešeniu tohto obmedzenia bola uverejnená v CSS WG [28]. Internet Explorer verzie 5 až 7 podporovať vlastné výraz () vyhlásenie, [29] s podobnou funkčnosť. Táto patentovaná výraz () vyhlásenie už nie je podporovaná z Internet Explorer 8 roka, s výnimkou režimov kompatibility. Toto rozhodnutie bolo prijaté na "dodržiavanie štandardov, prehliadač výkon, a z bezpečnostných dôvodov" [29]. 
Nedostatok stĺpca vyhlásenie 
Kým možné v súčasných CSS, môžete rozvrhnutie s viac stĺpcov je ich zavádzanie je zložité. So súčasnou CSS, je proces často vykonáva pomocou plávajúcich prvkov, ktoré sú často vyjadrený rozdielne rôznymi prehliadačmi, rôznych tvarov obrazovky počítača, a rôzne obrazovky pomery nastavená na štandardné monitory. 
Nemožno explicitne deklarovať nový rozsah nezávisle na polohe 
Určovania rozsahu pravidlá pre vlastnosti, ako z-index pozrite sa na najbližší nadradený prvok s position: absolute alebo position: relative atribút. Toto osobitné spojenie má nežiaduce účinky, ako je nemožné, aby sa zabránilo vyhlasuje nový priestor, keď jeden je nútený upraviť prvku pozíciu, prevenciu jedného z používania požadovaného rozsahu rodičovského elementu. 
Pseudo-trieda dynamické správanie nie sú kontrolovateľné 
CSS implementuje pseudo-tried, ktoré umožňujú určitý stupeň spätnej väzby od používateľov o podmienečné použití alternatívnych štýlov. Jeden CSS pseudo-triedy, ": hover", je dynamická (ekvivalent javascript "onMouseOver") a má potenciál pre zneužitie (napr. vykonávacie kurzor-blízkosti vyskakovacích okien), [30], ale CSS nemá schopnosť pre klienta zakázať (žiadne "vypnúť"-ako vlastníctvo) alebo obmedziť jeho účinky (žiadna "nochange"-ako hodnoty pre každú vlastnosť). 
[Editovať] Výhody 

Flexibilita 
Tým, že kombinuje CSS s funkčnosťou systému pre správu obsahu, môže značné množstvo flexibility byť naprogramované do obsahu podania formulárov. To umožňuje prispievateľ, ktorý nemusí byť známe alebo schopní pochopiť, alebo editovať CSS a HTML kód pre výber rozloženia článku alebo iné stránky, ktoré predkladajú on-the-lietať, v rovnakej podobe. Napríklad môže prispievateľ, editor alebo autor článku, alebo stránky byť schopný vybrať počet stĺpcov a či stránky alebo článok nesie obraz. Tieto informácie sú potom prešiel na redakčný systém a logiku programu vyhodnocuje informácie a určuje, na základe určitého množstva kombinácií, ako aplikovať triedy a identifikátory prvkov HTML, teda štýl a umiestnenie je v súlade s pred- definované CSS pre tento konkrétny typ rozloženia. Pri práci s vo veľkom meradle, komplexné stránky, s mnohými prispievateľmi, ako sú správy a informačných webov, táto výhoda ťaží realizovateľnosti a údržbu projektu. 
Oddelenie obsahu od prezentácie 
CSS umožňuje zverejňovanie obsahu v niekoľkých formátoch prezentácie založenej na menovité parametre. Nominálne parametre zahŕňajú explicitné užívateľské preferencie, rôzne webové prehliadače, typ zariadenia slúži na zobrazenie obsahu (stolný počítač alebo mobilné internetové zariadenia), geografickú polohu užívateľa a mnoho ďalších premenných. 
Site-široký súlad 
Hlavné články: Oddelenie prezentácie a obsahu a štýlu listu (vývoj webových aplikácií) 

Keď CSS je používaný efektívne, pokiaľ ide o dedičstvo a "kaskádového" globálnej štýlov možno ovplyvniť a prvkov štýlu site-široký. Ak sa situácia nastane, že štýl prvkov by mala potrebné zmeniť alebo upraviť, môžete tieto zmeny ľahko, jednoducho úpravou niekoľko pravidiel v globálnom štýlov. Pred CSS, tento druh údržby bolo ťažšie, drahšie a časovo náročné-. 
Šírka pásma 
Štýlov je zvyčajne uložený v cache prehliadača, a preto môže byť použitá na viacerých stránkach, bez toho, aby boli znovu nabité, zníženie prenosu dát cez sieť. 
Stránka preformátovanie 
Hlavný článok: Progressive vylepšenie 

S jednoduchou zmenou jednej linky, môže iný štýl list sa použije pre rovnakú stránku. To má výhody pre dostupnosť, ako aj poskytovanie schopnosť prispôsobiť stránku alebo web pre rôzne cieľové zariadenia. Okrem toho zariadenie nie je schopný pochopiť štýl aj naďalej zobrazovať obsah. 
[Editovať] CSS framework 

CSS rámec je pre-pripravený knižnica, ktorá má za cieľ umožniť jednoduchšie, štandardy-kompatibilný grafické stvárnenie webových stránok za použitie kaskádových štýlov jazyka. Rovnako ako programovací a skriptovací jazyk knižnice, sú CSS rámcov zvyčajne vsunutý ako externý. CSS uvedenú v HTML <head>. Poskytujú rad ready-made možnosti pre navrhovanie a ktorým sa webové stránky. Zatiaľ čo mnoho z týchto rámcov boli uverejnené, niektorí autori používajú väčšinou pre rapid prototyping, alebo učenie sa z, a radšej 'remeslo' CSS, ktoré je vhodné pre každý zverejnené stránky bez dizajn, údržbu a sťahovanie réžii mať veľa nevyužitých vlastností v mieste jeho štýl [31]. 
[Editovať] Umiestnenie 

CSS 2.1 definuje tri polohy režimy: 
Normálny prietok 
Inline položky sú stanovené rovnakým spôsobom ako písmená v slovách v texte, jedna po druhej cez dostupného priestoru, kým nie je väčší priestor, potom začína nový riadok nižšie. Blok predmetov stack zvisle, rovnako ako body a ako položky v zozname s odrážkami. Normálny prietok aj relatívna polohovanie blok alebo inline položiek, a beh-v škatuliach. 
Plaváky 
Plával položka je vyradená z normálneho toku a posúva doľava alebo doprava, ak je to možné v priestore k dispozícii. Ďalší obsah potom tečie pozdĺž plával položky. 
Absolútna umiestnenie 
Absolútne umiestnená položka nemá žiadne miesto v, a žiadny vplyv na, normálny tok ďalších položiek. Zaujíma svoje postavenie v pridelené jeho obal nezávisle na ostatných položiek. [32] 
[Editovať] Pozícia: hore, dole, vľavo a vpravo 
Tam sú štyri možné hodnoty vlastnosti position. Ak je tovar umiestnený v žiadnom prípade iné ako statické, potom ďalšie vlastnosti hore, dole, vľavo a vpravo slúži na určenie pozície a offsety. 
Statické 
Predvolená hodnota miesta položku v normálny prietok 
Relatívna 
Položka je umiestnený v normálnom toku, a potom sa presunula, alebo kompenzovať z tejto pozície. Následné prúdenie položky sú stanovené tak, ako by položka nebola premiestnená 
Absolútna 
Určuje absolútna umiestnenie 
Pevná 
Položka je absolútne umiestnený v pevnej pozícii na obrazovke, aj ako zvyšok dokumentu sa posunie [32] 
[Editovať] Float a jasné 
Plaváka vlastníctvo môže nadobúdať jednu z troch hodnôt. Absolútne umiestnený alebo fixné položky nemožno plával. Ostatné prvky obyčajne prúdenie vzduchu okolo plávajúce predmety, pokiaľ nie sú v tom nebráni ich jasné majetku. 
vľavo 
Pláva vľavo od trate, že by sa objavili v, ďalší tovar môže prúdenie vzduchu okolo jeho pravej strane