CSS

Kaskadowe arkusze stylów (ang. Cascading Style Sheets, CSS) są językiem służącym do opisu sposobu renderowania stron WWW. CSS został wypracowany przez organizację W3C w 1996 r. jako potomek języka DSSSL przeznaczony do używania w połączeniu z SGML-em.

Arkusz CSS to lista dyrektyw (tzw. reguł) ustalających w jaki sposób ma być renderowany przez przeglądarkę tekst znajdujący się wewnątrz danego elementu HTML/XHTML/XML lub inna część składowa dokumentu opisywana przez dany element. Ustalać można w ten sposób wszystkie właściwości odpowiedzialne za wygląd elementów HTML, takie jak rodzaj czcionki tekstu, kolor, marginesy, odstęp międzywierszowy itp. a nawet pozycję danego elementu względem innych elementów lub całej strony. Wykorzystanie arkuszy stylów daje znacznie większe możliwości pozycjonowania elementów na stronie, niż oferuje sam HTML (W3C odradza używania elementów HTML odpowiedzialnych za wygląd strony).

Źródło: Wikipedia

Wstęp

[[css/wstawianie_stylów]] - [[css/selektory]] - [[css/pseudoklasy]] - [[css/pseudoelementy]] - [[css/elementy_blokowe_i_liniowe]] - [[css/model_pudełkowy]] - [[css/jednostki]] - [[css/inherit]] - [[css/media]] - [[css/quirks mode]] - [[css/treść_generowana]] - [[css/wsparcie_przeglądarek]]

Czcionki

[[css/font]] - [[css/font-size]] - [[css/font-family]] - [[css/font-style]] - [[css/font-weight]] - [[css/font-variant]] - [[css/font-stretch]] - [[css/font-size-adjust]]

Tekst

[[css/color]] - [[css/text-decoration]] - [[css/text-transform]] - [[css/text-align]] - [[css/vertical-align]] - [[css/text-indent]] - [[css/text-shadow]] - [[css/line-height]] - [[css/word-spacing]] - [[css/letter-spacing]] - [[css/white-space]] - [[css/text-overflow]] - [[css/text-overflow-mode]] - [[css/text-overflow-ellipsis]]

Tło

[[css/background]] - [[css/background-color]] - [[css/background-image]] - [[css/background-repeat]] - [[css/background-position]] - [[css/background-attachment]] - [[css/background-clip]] - [[css/background-origin]] - [[css/background-size]] - [[css/background-break]] - [[css/opacity]]

Marginesy

[[css/box-sizing]] - [[css/margin]] - [[css/margin-top]] - [[css/margin-bottom]] - [[css/margin-left]] - [[css/margin-right]] - [[css/padding]] - [[css/padding-top]] - [[css/padding-bottom]] - [[css/padding-left]] - [[css/padding-right]]

Obramowanie

[[css/border]] - [[css/border-style]] - [[css/border-color]] - [[css/border-width]] - [[css/border-image]] - [[css/border-radius]] - [[css/border-break]] - [[css/border-fit]] - [[css/border-bottom-color]] - [[Css/border-bottom-style]] - [[css/border-bottom-width]] - [[css/border-bottom]] - [[css/border-left-color]] - [[Css/border-left-style]] - [[css/border-left-width]] - [[css/border-left]] - [[css/border-right-color]] - [[Css/border-right-style]] - [[css/border-right-width]] - [[css/border-right]] - [[css/border-top-color]] - [[css/border-top-style]] - [[css/border-top-width]] - [[css/border-top]] - [[css/outline]] - [[css/outline-color]] - [[css/outline-style]] - [[css/outline-width]]

Wykazy

[[css/list-style]] - [[css/list-style-type]] - [[css/list-style-position]] - [[css/list-style-image]]

Rozmiary

[[css/width]] - [[css/height]] - [[css/max-width]] - [[css/min-width]] - [[css/max-height]] - [[css/min-height]] - [[css/overflow]] - [[css/resize]]

Tabele

[[css/caption-side]] - [[css/table-layout]] - [[css/border-collapse]] - [[css/border-spacing]] - [[css/empty-cells]]

Pozycjonowanie

[[css/position]] - [[css/clip]] - [[css/display]] - [[css/visibility]] - [[css/float]] - [[css/clear]]

Kolumny tekstu

[[css/column-width]] - [[css/column-gap]] - [[css/column-count]] - [[css/column-space-distribution]] - [[css/column-rule]] - [[css/column-rule-color]] - [[css/column-rule-style]] - [[css/column-rule-width]]

Związane z drukowaniem

[[css/page-break-before]] - [[css/page-break-after]] - [[css/page-break-inside]] - [[css/widows]] - [[css/orphans]]

Inne

[[css/cursor]] - [[css/box-shadow]]

Praktyka

[[css/layout|tworzenie layoutu bez użycia tabelek]] - [[css/menu|tworzenie menu]] - [[css/formularze|ostylowanie formularzy]] - [[css/propozycje]]

Specyfikacje

* CSS 1 * CSS 2 * CSS 2.1 * CSS 3 (trwają prace)

Zobacz też

* [[(X)HTML]]

Linki zewnętrzne

* CSSPlay - zaawansowane przykłady użycia CSS (ang.) * CSS Zen Garden - strony wykonane semantycznie w XHTML+CSS (ang.) * complexspiral demo - demo możliwości CSS (CSS 1 i odrobina CSS 2) (ang.) * CSS-Validator - sprawdza poprawność kodu CSS (ang.) * Acid 2 - jest to test poprawności wyświetlania stron internetowych zbudowanych za pomocą technologii HTML4 i CSS2

Narzędzia

Sprawdzone narzędzia do zarządzania plikami CSS oraz ich zawartością.(propozycja)

Wartość "hidden"

  • 2019-04-12 15:10
  • 2 komentarzy
  • 3817 odsłon

Link

  • 2009-04-14 22:56
  • 0 komentarzy
  • 3202 odsłony

First-line

  • 2008-12-30 00:21
  • 1 komentarz
  • 3424 odsłony

First-letter

  • 2008-12-30 00:21
  • 0 komentarzy
  • 3318 odsłon

None

  • 2008-12-02 16:02
  • 0 komentarzy
  • 3367 odsłon

Visited

  • 2010-10-31 18:27
  • 1 komentarz
  • 2235 odsłon

CSS1

  • 2007-05-30 12:27
  • 0 komentarzy
  • 2940 odsłon

Elementy blokowe i liniowe

  • 2007-05-28 16:27
  • 0 komentarzy
  • 3541 odsłon

Vertical-align

  • 2007-06-18 13:23
  • 0 komentarzy
  • 4016 odsłon

Page-break-before

  • 2010-10-31 18:27
  • 0 komentarzy
  • 2322 odsłony

Page-break-inside

  • 2010-10-31 18:27
  • 0 komentarzy
  • 2186 odsłon

Page-break-after

  • 2010-10-31 18:27
  • 0 komentarzy
  • 2335 odsłon

Widows

  • 2010-10-31 18:27
  • 0 komentarzy
  • 2827 odsłon

Orphans

  • 2010-10-31 18:27
  • 0 komentarzy
  • 2461 odsłon