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
  • 4089 odsłon

List-style-type

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

List-style

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

Overflow

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

Height

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

Outline-color

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

Outline-style

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

Outline-width

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

Padding-right

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

Padding-left

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

Padding-bottom

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

Padding-top

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

Margin-right

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

Margin-left

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

Margin-bottom

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