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)

Cursor

  • 2007-05-29 17:17
  • 0 komentarzy
  • 4049 odsłon

Clear

  • 2007-12-12 15:56
  • 0 komentarzy
  • 3515 odsłon

Float

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

Visibility

  • 2007-11-09 12:25
  • 0 komentarzy
  • 3478 odsłon

Clip

  • 2007-05-12 15:27
  • 2 komentarzy
  • 3023 odsłony

Position

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

Display

  • 2010-10-31 18:27
  • 3 komentarzy
  • 3013 odsłon

Border-spacing

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

Table-layout

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

Caption-side

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

Border-collapse

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

Empty-cells

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

List-style-image

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

List-style-position

  • 2007-06-23 13:17
  • 0 komentarzy
  • 3366 odsłon

List-style-type

  • 2007-06-23 13:19
  • 0 komentarzy
  • 3853 odsłony