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


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

Czcionki


font - font-size - font-family - font-style - font-weight - font-variant - font-stretch - font-size-adjust

Tekst


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

Tło


background - background-color - background-image - background-repeat - background-position - background-attachment - background-clip - background-origin - background-size - background-break - opacity

Marginesy


box-sizing - margin - margin-top - margin-bottom - margin-left - margin-right - padding - padding-top - padding-bottom - padding-left - padding-right

Obramowanie


border - border-style - border-color - border-width - border-image - border-radius - border-break - border-fit - border-bottom-color - border-bottom-style - border-bottom-width - border-bottom - border-left-color - border-left-style - border-left-width - border-left - border-right-color - border-right-style - border-right-width - border-right - border-top-color - border-top-style - border-top-width - border-top - outline - outline-color - outline-style - outline-width

Wykazy


list-style - list-style-type - list-style-position - list-style-image

Rozmiary


width - height - max-width - min-width - max-height - min-height - overflow - resize

Tabele


caption-side - table-layout - border-collapse - border-spacing - empty-cells

Pozycjonowanie


position - clip - display - visibility - float - clear

Kolumny tekstu


column-width - column-gap - column-count - column-space-distribution - column-rule - column-rule-color - column-rule-style - column-rule-width

Związane z drukowaniem


page-break-before - page-break-after - page-break-inside - widows - orphans

Inne


cursor - box-shadow

Praktyka


tworzenie layoutu bez użycia tabelek - tworzenie menu - ostylowanie formularzy - propozycje

Specyfikacje


Zobacz też


Linki zewnętrzne


  • CSSPlay - zaawansowane przykłady użycia CSS (ang.)
  • CSS Zend 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)
  1. Kafelki
  2. Lista

Border-collapse

Box-shadow

Wsparcie przeglądarek

Treść generowana

Border-image

Border-radius

Column-width

Column-gap

Column-count

Model pudełkowy

Background-repeat

Background-position

Border-color

Outline-width

Outline-style

Outline-color

Height

List-style-image

Empty-cells

Caption-side

3 komentarze

mollytrue 2016-11-18 13:42

In order to learn customer service phone number and receive detailed informations about the company, click on the link:
http://1-800-number.net 1800 numbers customer service
http://1-800-number.net/geico-1-800-number/ geico customer service 1800 numbers
http://1-800-number.net/comcast-1-800-number/ comcast customer service number
http://1-800-number.net/wells-fargo-1-800-number/ wells fargo customer service free numbers
http://1-800-number.net/fm-bank-trust-1-800-number/ f&m bank free numbers

Jojersztajner 2006-07-18 13:15

Może to ze względu na nazwę kategorii nie działa - bo na pewno nie przez nazwę artykułu w linku.  W Słowa kluczowe zrobiłem podobnie i działa normalnie.

Kooba 2006-07-18 12:42

troche dziwne, link

css/border

nie działa, trzeba go było recznie poprawic na

CSS/Border

chociaz ze wczesniejszymi artami nie trzeba było robic takich zabiegów :|