Css

Den aktuelle version af siden er endnu ikke blevet gennemgået af erfarne bidragydere og kan afvige væsentligt fra den version , der blev gennemgået den 27. maj 2020; verifikation kræver 71 redigeringer .
css
Udvidelse .css
MIME -type tekst/css
Udvikler CSS-arbejdsgruppe [d]
offentliggjort 17. december 1996
Formattype Stilarkssprog
Standard(er) Niveau 1 (anbefaling)
Niveau 2 (anbefaling)
Niveau 2 Revision 1 (anbefaling)
Internet side w3.org/Style/CSS/drafts.csswg.org
_

CSS ( /siːɛsɛs/ English  Cascading Style Sheets  ) er et formelt sprog til at beskrive udseendet af et dokument ( webside ) skrevet ved hjælp af et markup-sprog (oftest HTML eller XHTML ). Det kan også anvendes på ethvert XML-dokument , såsom SVG eller XUL .

Oversigt

Brug af CSS

CSS bruges af websideskabere til at definere farver , skrifttyper , typografier, placering af individuelle blokke og andre præsentationsaspekter af udseendet af disse websider. Hoveddesignmålet med CSS er at afskærme og adskille beskrivelsen af ​​den logiske struktur af en webside (som er udført ved hjælp af HTML eller andre markup-sprog ) fra beskrivelsen af ​​den pågældende websides udseende (hvilket nu gøres ved hjælp af den formelle CSS Sprog). Denne adskillelse kan øge et dokuments tilgængelighed, give større fleksibilitet og kontrol over dets præsentation og reducere kompleksitet og gentagelser i strukturelt indhold.

Derudover tillader CSS, at det samme dokument præsenteres i forskellige stilarter eller outputmetoder , såsom skærmpræsentation, trykt præsentation, stemmelæsning (med en dedikeret stemmebrowser eller skærmlæser), eller når det vises af Braille -enheder. .

Måder at inkludere CSS i et dokument

CSS-regler kan findes både i selve webdokumentet , hvis udseende de beskriver, og i eksterne filer , der har filtypenavnet .css . CSS-formatet er en tekstfil, der indeholder en liste over CSS-regler og deres kommentarer.
CSS-stile kan inkluderes eller indlejres i det webdokument, de beskriver, på fire måder:

<!DOCTYPE html> < html > < head > ..... < link rel = "stylesheet" type = "text/css" href = "style.css" > </ head > < body > ..... </ body > </ html >
  • når stilfilen er placeret separat fra det overordnede dokument, kan den inkluderes i dokumentet med en @import-sætning på elementet <style>:
<!DOCTYPE html> < html > < head > ..... < style media = "alle" > @ import url ( stil . css ) ; </ style > </ head > </ html >
  • når stilarter er deklareret i et dokument, kan de inkluderes i elementet <style>, som faktisk er inkluderet i elementet <head>:
<!DOCTYPE html> < html > < head > ..... < stil > krop { farve : rød ; } </ style > </ head > < body > ..... </ body > </ html >
  • når stilarter er beskrevet i dokumentets brødtekst, kan de placeres i attributterne for et separat element
<!DOCTYPE> < html > < head > ..... </ head > < body > < p style = "font-size: 20px; color: green; font-family: arial, helvetica, sans-serif" > ..... </ p > </ body > </ html >

I de første to tilfælde anvendes eksterne typografier på dokumentet , og i det andet anvendes interne typografier .

For at tilføje CSS til et XML-dokument, skal sidstnævnte indeholde et særligt link til stilfilen:

<?xml-stylesheet type="text/css" href="style.css"?>

CSS-konstruktionsregler

I de første tre tilfælde af tilføjelse af CSS-stile til et dokument (se ovenfor), har hver CSS-regel fra filen to hoveddele - en vælger og en erklæringsblok . Vælgeren , der er placeret i venstre side af reglen før "{", bestemmer hvilke dele af dokumentet (evt. specielt markeret) reglen gælder for. Annonceblokken er placeret i højre side af reglen. Den er placeret i krøllede parenteser og består til gengæld af en eller flere erklæringer adskilt af ";". Hver erklæring er en kombination af en CSS-egenskab og en værdi adskilt af et ":". Vælgere kan grupperes på den samme linje adskilt af kommaer. I dette tilfælde anvendes ejendommen på hver af dem.

selector , selector { property: value ; ejendom: værdi ; ejendom: værdi ; }

I det fjerde tilfælde af at forbinde CSS til et dokument (se listen), er CSS-reglen, som er værdien af ​​stilattributten for det element, den gælder for, en liste over erklæringer (" CSS-egenskab  : værdi ") adskilt af " ;".

Typer af vælgere Universalvælger * { margin : 0 ; polstring : 0 _ } Tagvælger p { font-familie : arial , helvetica , sans-serif ; } Klassevælger . note { farve : rød ; baggrundsfarve : gul _ font-weight : fed ; } Identifikatorvælger # paragraph1 { margin : 0 ; } Attributvælger a [ href = "http://www.somesite.com" ] { font-weight : bold ; } Descendant selector (kontekstvælger) div # afsnit 1 s . note { farve : blå ; } Børnevælger p . note > b { farve : grøn ; } . div { border : 1 px solid red ; polstring - venstre : 20px } . title { font-size : 20 px ; baggrundsfarve : rød _ } Søskendeelementvælgeren h1 + p { font-size : 24 px ; } Pseudo-klassevælger a : aktiv { farve : blå ; } Pseudo-elementvælger p :: første bogstav { font-size : 32 px ; }

Klasser og elementidentifikatorer

En klasse eller identifikator kan tildeles et HTML-element gennem elementets klasse- eller id-attributter:

<!DOCTYPE html> < html > < head > < meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" > < title > Klasse- og ID-vælgere </ title > < style > s . stor { font-familie : arial , helvetica , sans-serif ; farve : rød _ } div # first { baggrundsfarve : sølv ; } </ style > </ head > < body > < div id = "first" > <!-- Dette er en grå baggrund div stylet af id --> </ div > < p class = "big" > <! -- Dette er rød tekst --> </ p > </ body > </ html >

Den største forskel mellem elementklasser og elementidentifikatorer er, at en identifikator er for et enkelt element, mens en klasse normalt tildeles flere elementer på én gang. Moderne browsere har dog en tendens til korrekt at gengive flere elementer med det samme ID. Forskellen er også, at flere klasser kan eksistere (når et elements klasse består af flere ord adskilt af mellemrum). Dette er ikke muligt for identifikatorer.

Det er vigtigt at bemærke følgende forskel mellem en identifikator og en klasse: identifikatorer bruges i vid udstrækning i JavaScript til at finde et unikt element i et dokument.

Navnene på klasser og identifikatorer, i modsætning til navnene på tags og deres attributter, skelner mellem store og små bogstaver.

Egenskaberne for klasser og identifikatorer indstilles ved hjælp af de relevante vælgere. Desuden kan den indstilles som en egenskab for klassen som helhed (i dette tilfælde begynder vælgeren med ".", f.eks. ".big") eller som en egenskab for selve identifikatoren (i dette tilfælde, selector begynder med "#", for eksempel "#first" ), og egenskaben for et element i denne klasse eller med denne identifikator.

I CSS er der, udover de klasser, der er defineret af sideforfatteren, også et begrænset sæt af såkaldte pseudo -klasser , der beskriver udseendet af hyperlinks med en bestemt tilstand i dokumentet, udseendet af det element, hvorpå inputtet er fokuseret, og fremkomsten af ​​elementer, der er de første børn af andre elementer. Der er også fire såkaldte pseudo-elementer i CSS : det første bogstav, den første linje, der anvender specielle stilarter før og efter elementet.

Arv. Cascading. CSS-stilprioriteter.

Anvendelse af CSS på HTML-dokumenter er baseret på principperne om arv og kaskade . Princippet om nedarvning er, at CSS-egenskaber, der er deklareret på forfædreelementer, næsten altid nedarves af efterkommerelementer.

Princippet om cascading bruges, når mere end én CSS-regel er forbundet med et HTML- element på samme tid, det vil sige, når der er en konflikt mellem værdierne af disse regler. For at løse sådanne konflikter indføres der forrangsregler.

  • Browserstil har den laveste prioritet;
  • Den næstvigtigste er stilen indstillet af brugeren af ​​browseren i dens indstillinger;
  • Og den stil, der er sat direkte af forfatteren af ​​siden, har højeste prioritet. Og yderligere, allerede i denne forfatters stil, er prioriteringerne fastsat som følger:
    • Stilarter, som et element arver fra sine forfædre i et dokument, har den laveste prioritet;
    • Typografier defineret i eksterne typografiark knyttet til dokumentet har højere forrang;
    • Endnu højere prioritet gives til stilarter sat direkte af alle ti typer vælgere (se underafsnittet "Vælgertyper"), der er indeholdt i dokumentets stilbeholdere. Det er ikke ualmindeligt, at et element er relateret til, dets udseende specificeres af flere sådanne vælgere. Sådanne konflikter mellem dem løses ved at beregne specificiteten af ​​hver sådan vælger og anvende disse vælgere på det givne element i faldende rækkefølge efter deres specificitet. Specificitetsberegningen vil blive beskrevet nedenfor.
      • Vælgernes specificitet er opdelt i 4 grupper - a, b, c, d:
        • hvis stilen er inline (defineret som style="...", så а=1ellers a=0) ;
        • værdien ber lig med antallet af identifikatorer (ellers — id=" ", de starter med #) i vælgeren;
        • værdien cer lig med antallet af klasser (class=" ", de starter med .), pseudo-klasser (de starter med :f.eks. a:hover) og attributvælgere ( input[type="text");
        • værdien der lig med antallet af elementtypevælgere ( h1 { color: blue; }) og pseudokodeelementer ( p::first-line { color: blue; }). Den resulterende værdi konverteres derefter til et tal (normalt i decimal). En vælger med en højere specificitetsværdi har også en højere prioritet.
      • Specificitetsberegningstabel [1] :
Vælger a, b, c, d Nummer
span 0, 0, 0, 1 en
div.klasse 0, 0, 1, 1 elleve
#id .klasse 0, 1, 1, 0 110
div span 0, 0, 0, 2 2
.klasse 0, 0, 1, 0 ti
#id span 0, 1, 0, 1 101
  • Men de stilarter, der er erklæret af forfatteren af ​​siden eller brugeren , ved hjælp af den medfølgende regel , har den højeste prioritet !important. Hvis der er flere sådanne egenskaber, så foretrækkes først og fremmest de stilarter , der er indstillet af forfatteren eller brugeren , og for de resterende egenskaber, som vil blive indstillet af sideforfatteren, vil det være nødvendigt at bestemme deres specificiteter iht. principperne beskrevet ovenfor, og anvende disse egenskaber i faldende rækkefølge efter disse specificiteter.

Eksempel på typografiark

Et eksempel på et typografiark (i denne form kan det enten placeres i en separat .css-fil eller indrammes med tags <style>og placeres i "headeren" på selve den webside, den fungerer på):

p { font-familie : arial , helvetica , sans-serif ; } h2 { font-size : 20 pt ; farve : rød _ baggrund : hvid _ } . note { farve : rød ; baggrundsfarve : gul _ font-weight : fed ; } p # paragraph1 { padding-left : 10 px ; } a : hover { tekst-dekoration : ingen ; } # nyheder p { farve : blå ; } [ type = "knap" ] { baggrundsfarve : grøn ; }

Her er syv CSS - regler med vælgerne p, h2, .note, p#paragraph1, a:hoverog #news p.[type="button"]

  1. Den første regel er tildelt et HTML-element p( afsnit ) - stil er tildelt. Afsnit vil blive vist i Arial eller, hvis en sådan skrifttype ikke er tilgængelig, så Helvetica eller Sans-serif ellers i en anden skrifttype i denne familie.
  2. Den anden regel er tildelt HTML-elementet h2(overskrift på andet niveau). Overskriften på andet niveau vil blive vist i rødt på en hvid baggrund med en forstørret størrelse .
  3. Den tredje regel gælder for ethvert element, hvis attribut classer "note". For eksempel til afsnittet:<p class="note">Этот абзац будет выведен полужирным шрифтом красного цвета на жёлтом фоне. </p>
  4. Den fjerde regel gælder kun for det element, phvis attribut ider lig med paragraph1. Et sådant element vil have en indre polstring på 10 pixels (polstring).
  5. Den femte regel definerer svævestilena  for hyperlinkelementer . Som standard er teksten i elementer aunderstreget i de fleste browsere. Denne regel fjerner understregningen, når musemarkøren er over disse elementer.
  6. Den sjette regel gælder for elementer p, der er inde i ethvert element med en attribut idsvarende til " news" (#news p er et typisk tilfælde af en børnevælger, se det 5. listepunkt ovenfor ).
  7. Den syvende regel gælder for alle elementer, der har en egenskab typelig med button. For eksempel vil denne regel blive anvendt på elementet <input type="button">eller <button type="button">Кнопка</button>(normal knap), og dets baggrundsfarve ændres til grøn.

CSS-layout

Før fremkomsten af ​​CSS blev websidestyling udelukkende udført i HTML , direkte i indholdet af et dokument. Men med fremkomsten af ​​CSS blev det muligt grundlæggende at adskille indholdet og præsentationen af ​​et dokument. På grund af denne innovation blev det muligt nemt at anvende en enkelt designstil til en masse lignende dokumenter samt hurtigt at ændre dette design.

Fordele:

  • Flere sidedesign til forskellige visningsenheder. For eksempel vil designet på en skærm være designet til en stor bredde, mens der udskrives, vil menuen ikke blive vist, og på en PDA og mobiltelefon vil menuen følge indholdet.
  • Reduktion af indlæsningstiden for webstedssiderne ved at overføre datapræsentationsreglerne til en separat CSS-fil. I dette tilfælde downloader browseren kun dokumentstrukturen og de data, der er gemt på siden, og repræsentationen af ​​disse data downloades kun én gang af browseren og kan cachelagres .
  • Lethed ved efterfølgende designændringer. Du behøver ikke at redigere hver side, bare skift CSS-filen.
  • Yderligere designmuligheder. Ved at bruge CSS-layout kan du for eksempel lave en tekstblok, som resten af ​​teksten vil pakke rundt om (for eksempel til en menu) eller gøre menuen altid synlig, når du ruller på siden.

Fejl:

  • Forskellige displaylayouts i forskellige browsere (især ældre), der fortolker de samme CSS-data forskelligt.
  • Det er ofte nødvendigt i praksis at rette ikke kun en enkelt CSS-fil, men også HTML-tags, der er forbundet med CSS-vælgere på en kompleks og uhåndgribelig måde, hvilket nogle gange fornægter letheden ved at anvende enkeltstilsfiler og øger redigerings- og testtiden markant.

Historie om oprettelse og udvikling af CSS

CSS er en af ​​en bred vifte af teknologier, der er godkendt af W3C og tilsammen omtalt som "webstandarder" [2] . I 1990'erne blev behovet for at standardisere nettet klart, for at skabe en form for ensartede regler, som programmører og webdesignere ville designe websteder efter. Sådan opstod HTML 4.01- og XHTML -sprogene og CSS-standarden.

I begyndelsen af ​​1990'erne havde forskellige browsere deres egne stile til at vise websider. HTML udviklede sig meget hurtigt og var i stand til at tilfredsstille alle de behov for informationsdesign, der eksisterede på det tidspunkt, så CSS fik ikke bred accept på det tidspunkt.

Udtrykket Cascading Style Sheets blev opfundet af Haakon Lee i 1994. Sammen med Bert Bos begyndte han at udvikle CSS.

I modsætning til mange stilsprog, der eksisterede på det tidspunkt, bruger CSS forældre-til-barn-arv, så en udvikler kan definere forskellige stilarter baseret på allerede definerede stilarter.

I midten af ​​1990'erne begyndte World Wide Web Consortium ( W3C ) at vise interesse for CSS, og i december 1996 blev CSS1-anbefalingen udsendt.

Niveau 1 (CSS1)

W3C-anbefaling, vedtaget 17. december 1996 , ændret 11. januar 1999 [3] . Blandt funktionerne i denne anbefaling:

  • Skrifttypeindstillinger. Mulighed for at indstille skrifttype og skriftstørrelse, såvel som dens stil - almindelig, kursiv eller fed.
  • Farver. Specifikationen giver dig mulighed for at definere farver til tekst, baggrunde, kanter og andre sideelementer.
  • tekst attributter. Mulighed for at indstille tegnafstand, ordafstand og linjehøjde (dvs. linjeindrykninger)
  • Justering for tekst, billeder, tabeller og andre elementer.
  • Blokegenskaber såsom højde, bredde, polstring ( ) og polstring padding( margin) og kanter. Specifikationen omfattede også begrænsede midler til placering af elementer, såsom floatog clear.

Niveau 2 (CSS2)

W3C-anbefaling, vedtaget 12. maj 1998 [4] . Baseret på CSS1 og samtidig bibeholde bagudkompatibilitet med nogle få undtagelser. Tilføjelse til funktionalitet:

  • Blok layout. Relativ, absolut og fast positionering dukkede op. Giver dig mulighed for at kontrollere placeringen af ​​elementer på siden uden tabellayout .
  • Medietyper. Giver dig mulighed for at indstille forskellige stilarter for forskellige medier (f.eks . skærm , printer , PDA ).
  • Lyd stilark. Angiver stemme, lydstyrke osv. for lydmedier (f.eks. for blinde besøgende).
  • sidemedie. Giver f.eks. mulighed for at indstille forskellige stilarter for elementer på lige og ulige sider, når de udskrives.
  • Avanceret mekanisme af vælgere.
  • Pointer.
  • Genereret indhold. Giver dig mulighed for at tilføje indhold, der ikke er i kildedokumentet før eller efter det ønskede element.

W3C understøtter ikke længere CSS2 og anbefaler at bruge CSS2.1

Niveau 2 revision 1 (CSS2.1)

W3C-anbefaling, vedtaget 7. juni 2011 .

CSS2.1 er baseret på CSS2. Ud over at rette fejl, er nogle dele af specifikationen blevet ændret i den nye revision, og nogle[ hvad? ] og fjernes helt. De fjernede dele kan blive tilføjet til CSS3 i fremtiden.

Niveau 3 (CSS3)

CSS3 ( engelsk  Cascading Style Sheets 3  - cascading style sheets af tredje generation ) er en aktivt udviklet CSS -specifikation . Det er et formelt sprog implementeret ved hjælp af et markup-sprog . Den største revision sammenlignet med CSS1, CSS2 og CSS2.1. Hovedtræk ved CSS3 er evnen til at skabe animerede elementer uden brug af JS [5] , understøttelse af lineære og radiale gradienter, skygger, udjævning og mere.

Det bruges primært som et middel til at beskrive og style udseendet af websider, der er skrevet ved hjælp af HTML- og XHTML -markeringssprogene , men kan også anvendes på alle XML-dokumenter , såsom SVG eller XUL .

Udviklingsversion (liste over alle moduler) [6] .

I modsætning til tidligere versioner er specifikationen opdelt i moduler, hvis udvikling og udvikling udføres uafhængigt. CSS3 bygger på CSS2.1 og udvider eksisterende egenskaber og værdier og tilføjer nye.

Innovationer, der starter med små, som afrundede hjørner af blokkene, slutter med transformation ( animation ) og muligvis indførelsen af ​​variable [7] [8] .

Niveau 4 (CSS4)

Udviklet af W3C siden 29. september 2011 [9] [10] .

CSS4-moduler bygger oven på CSS3 og tilføjer nye egenskaber og værdier til dem. Alle eksisterer indtil videre i form af udkast (arbejdsudkast).

For eksempel:

CSS browser support

De mest fuldt understøttende CSS-standarden er browsere , der kører på Gecko ( Mozilla Firefox , osv.), WebKit ( Safari , Arora , Google Chrome ) og Presto (Opera) [11] motorer.

Den tidligere mest udbredte browser [12] Internet Explorer 6 understøtter ikke fuldt ud CSS [13] .

Udgivet syv år senere forbedrede Internet Explorer 7 niveauet af CSS-understøttelse markant [14] [15] , men indeholdt stadig et betydeligt antal fejl [16] .

Internet Explorer 8 bruger en ny motor, der fuldt ud understøtter CSS 2.1 og delvist understøtter CSS 3 [17] .

For at teste browserunderstøttelse af webstandarder, herunder forskellige dele af CSS-standarden, blev Acid- testen udviklet .

Forskellige blokmodeller

CSS-standarderne fra W3C bruger en model, hvor en egenskab widthdefinerer bredden af ​​boksens indhold uden at inkludere polstring eller kanter. Tidlige versioner af Internet Explorer (4 og 5) implementerede deres egen model, hvor bredden definerer afstanden mellem kassekanter, inklusive polstring ( padding) og grænser ( border). Ud over Internet Explorer 5 forstås denne model også af browsere Netscape 4 og Opera 7. Understøttelse af W3C-standardmodellen dukkede kun op i IE i sjette version.

Den kommende CSS3-standard introducerede en egenskab box-sizingmed værdier content-boxfor at angive brugen af ​​W3C-standardmodellen og border-boxfor at bruge IE 5-modellen til at løse dette problem.

I Mozilla -browseren blev der med støtte fra denne egenskab under sit eget "arbejdsnavn" -moz-box-sizingintroduceret en anden værdi - padding-box, og dermed skabte en tredje boksmodel, hvori width er størrelsen af ​​indholdet og indrykning af blokken, ikke inklusive ramme.

CSS-filtre

Forskelle i implementeringen af ​​CSS af forskellige browsere tvinger webudviklere til at lede efter løsninger på, hvordan man får alle browsere til at gengive siden på samme måde. CSS-filtre (også ofte omtalt som CSS-hacks) giver dig mulighed for selektivt at anvende stilarter til forskellige elementer. For eksempel er Internet Explorer 6 kendt for at håndhæve regler, der bruger visningsvælgere (et filter kendt som " star html bug "). For at få W3C- og IE-boksmodellen, der kører i Quirks-tilstand, til at vise en 100px bred boks med 10px-polstring, kan du skrive kode som denne: * html селектор#someblock

/* W3C model - 80px indholdsbredde og 10px polstring på hver side */ # someblock { width : 80 px ; polstring : 10px _ _ } /* Følgende regel gælder kun for IE6. */ * html # someblock { width : 100 px ; polstring : 10px _ _ }

En anden måde at selektivt håndhæve regler for Internet Explorer er betingede kommentarer .

Sikkerhed

Alle versioner af Internet Explorer, der blev understøttet i 2010, var sårbare: Når browseren behandler cascading styles (CSS), kan der forekomme uinitialiseret hukommelse, som efterfølgende bruges til at fjernstarte ondsindet kode på brugerens computer [18] .

CSS Framework

CSS Framework (også Webdesign Framework ) er et præ-forberedt CSS-bibliotek skabt for at forenkle arbejdet for layoutdesigneren, fremskynde udviklingen og eliminere det maksimalt mulige antal layoutfejl (kompatibilitetsproblemer mellem forskellige browserversioner osv.). Ligesom biblioteker med scripting programmeringssprog, er CSS-frameworks, normalt i form af en ekstern .css-fil, "forbundet" til projektet (føjet til overskriften på websiden), hvilket tillader en programmør eller designer, der er uerfaren i forviklingerne af layout for at oprette et html-layout korrekt.

CSS-udvidelser

Når du lægger sider ud, skal du ofte bruge den samme værdi mange gange: den samme farve, den samme skrifttype. Og hvis denne værdi skal ændres, så skal den ændres mange steder.

For at løse disse problemer og fremskynde udviklingen er der flere udvidelser (preprocessorer) af CSS-sproget. Udvidelser i den forstand, at CSS-koden er gyldig kode for en udvidelse, men ikke omvendt. For at den "udvidede CSS"-kode kan blive til en almindelig CSS-fil, der opfattes af browseren, skal du kompilere den. Kompilering kan være af flere typer:

  • under sidelancering på klientsiden (ved hjælp af JavaScript )
  • under sidestart på serversiden
  • under webstedslayout ved hjælp af en speciel compiler

Eksempler på CSS-udvidelser (preprocessorer):

Se også

Noter

  1. ↑ McFarland, 2017 , s. 126.
  2. ↑ Dave Shea, Molly E. Holtzschlag. Filosofi for CSS-design. / Per. fra engelsk. A. Slinkina. — M.: NT Press, 2005. — 312 s.: ill.
  3. ↑ Cascading Style Sheets, niveau 1 . Hentet 16. juni 2006. Arkiveret fra originalen 9. februar 2011.
  4. ↑ Cascading Style Sheets, niveau 2 CSS2-specifikation . Dato for adgang: 9. marts 2011. Arkiveret fra originalen 16. januar 2011.
  5. ↑ Simpel CSS3-animation med Animate.css . Hentet 18. september 2018. Arkiveret fra originalen 18. september 2018.
  6. ↑ W3C : CSS: nuværende arbejde Arkiveret 3. marts 2011 på Wayback Machine , CSS 3 osv.
  7. ↑ CSS3: css-variabler er en dårlig idé. Lad os bare ringe til andre vælgere. Arkiveret 2. januar 2010 på Wayback Machine // Rip's Domain
  8. ↑ CSS-variabler Arkiveret 5. april 2010 på Wayback Machine // dave-woods.co.uk
  9. ↑ Vælgere niveau 4 (downlink) . W3.org (29. september 2011). Arkiveret fra originalen den 30. maj 2012. 
  10. ↑ Opdag, hvad der er nyt i CSS 4 | webmonkey | Wired.com (utilgængeligt link) . Webmonkey (26. oktober 2011). Arkiveret fra originalen den 30. maj 2012. 
  11. ↑ Understøttelse af webbrowserstandarder . Hentet 11. januar 2008. Arkiveret fra originalen 14. april 2020.
  12. ↑ Mozillas globale brugsandel for Firefox vokser stadig ifølge OneStat.com . Hentet 11. januar 2008. Arkiveret fra originalen 26. februar 2021.
  13. ↑ Indhold og browserkompatibilitet . Dato for adgang: 11. januar 2008. Arkiveret fra originalen 11. januar 2008.
  14. ↑ Detaljer om vores CSS-ændringer for IE7 Arkiveret 30. juli 2008 på Wayback Machine IEBlog
  15. ↑ Cascading Style Sheet-kompatibilitet i Internet Explorer 7 Arkiveret 1. februar 2008 på Wayback Machine MSDN
  16. ↑ Den underlige og vidunderlige verden af ​​Internet Explorer (downlink) . Dato for adgang: 11. januar 2008. Arkiveret fra originalen 13. januar 2008. 
  17. ↑ CSS-kompatibilitet og Internet Explorer Arkiveret 29. december 2010 på Wayback Machine MSDN
  18. ↑ Microsoft: Alle versioner af Internet Explorer sårbare over for hackere . Hentet 2. januar 2011. Arkiveret fra originalen 3. januar 2011.

Litteratur

  • David Sawyer McFarland. Ny stor bog CSS = CSS: The Missing Manual. - St. Petersborg: Piter , 2017. - 720 s. - 1000 eksemplarer.  - ISBN 978-5-496-02080-0 .
  • Ed Tittel, Jeff Noble. HTML, XHTML & CSS For Dummies, 7. udgave = HTML, XHTML & CSS for Dummies, 7. udgave. - M . : "Dialektik" , 2011. - 400 s. - ISBN 978-5-8459-1752-2 .
  • Stephen Schafer. HTML, XHTML og CSS. The User's Bible, 5th Edition = HTML, XHTML og CSS Bible, 5th Edition. - M . : "Dialektik" , 2011. - 656 s. - ISBN 978-5-8459-1676-1 .

Links

Engelsksprogede ressourcer

Russisksprogede ressourcer

 Stylesheet-sprog ( sammenlign , list )
Tilstande
Standard
ikke standard
 Cascading Style Sheets
css
  • Stylesheet
  • Garden
  • Zen af ​​CSS
  • CSS Tidy
  • Blokmodel
Sammenligning
  • CSS-understøttelse af browsermotorer
  • Stilarkssprog
webdesign
Cascading Style Sheets