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)

List-style-position

  • 2007-06-23 13:17
  • 0 komentarzy
  • 4084 odsłony

List-style-type

  • 2007-06-23 13:19
  • 0 komentarzy
  • 4601 odsłon

List-style

  • 2007-06-22 15:37
  • 0 komentarzy
  • 3940 odsłon

Overflow

  • 2007-05-12 15:18
  • 0 komentarzy
  • 4314 odsłon

Height

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

Outline-color

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

Outline-style

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

Outline-width

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

Padding-right

  • 2007-05-08 12:13
  • 0 komentarzy
  • 3274 odsłony

Padding-left

  • 2007-05-08 12:13
  • 0 komentarzy
  • 3181 odsłon

Padding-bottom

  • 2007-05-08 12:12
  • 0 komentarzy
  • 3201 odsłon

Padding-top

  • 2007-05-08 12:12
  • 0 komentarzy
  • 3468 odsłon

Margin-right

  • 2007-05-08 12:11
  • 0 komentarzy
  • 3417 odsłon

Margin-left

  • 2007-05-08 12:10
  • 0 komentarzy
  • 3375 odsłon

Margin-bottom

  • 2007-05-08 12:10
  • 0 komentarzy
  • 3454 odsłony