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)

Wdrażanie CSS

  • 2024-07-01 15:09
  • 1 komentarz
  • 1 odsłona

Wartość "hidden"

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

Link

  • 2009-04-14 22:56
  • 0 komentarzy
  • 3950 odsłon

First-line

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

First-letter

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

None

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

Visited

  • 2010-10-31 18:27
  • 1 komentarz
  • 2922 odsłony

CSS1

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

Elementy blokowe i liniowe

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

Vertical-align

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

Page-break-before

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

Page-break-inside

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

Page-break-after

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

Widows

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