CSS - webmastering

CSS
Znacznik SPAN:
Znacznik <SPAN> : ( do dołączania lokalnego ) :
UmoŜliwia on sformatowanie wybranego fragmentu tekstu przy uŜyciu stylów.
Nie wywiera on Ŝadnego wpływu na wygląd tekstu, co oznacza, iŜ jego postać będzie
określał wyłącznie styl.
np. <span style="fantasy">jakiś tekst</span><br/>
Podstawowe „funkcje”:
- odsyłacze:
a:link {color: red; background: blue}
a:hover {color: green; background: white}
a:visited {color: black; background: yellow}
- pierwsza litera danego bloku:
P:first-letter { font-size: 200%; float: left }
- rodzina czcionek:
font-family: Times, 'Times New Roman', 'Times New Roman CE', Courier, sans-serif,
cursive, fantasy, monospace
- style czcionek:
font-style: normal, italic
- warianty:
font-variant: normal, small-caps
- wagi:
font-weight: normal, bold, 100, 300, 700
- wielkości:
font-size: xx-small, x-small, small, medium, large, x-large, xx-large
- odstęp między wyrazami:
word-spacing: 1cm
- odstęp między literami:
letter-spacing: 2mm
- dekoracja tekstu:
text-decoration: underline, overline, line-through, blink
- wyrównanie tekstu:
text-align: left, right, center, justify
- odstęp między wierszami:
line-height: 1cm
- kolor tła:
background-color: yellow
Pozostałe atrybuty:
margin-top - górny margines elementu
margin-right
margin-bottom - dolny margines elementu
margin-left
padding-top - odległość pomiędzy górną granicą obszaru a elementami zawartymi w tym
obszarze
padding-right
paddnig-left
padding-bottom
np. h1 { padding-top: 15px; padding-bottom: 15px }
background-image
background-repeat
background-attachment (fixed,scroll)
background-position - początkowe połoŜenie tła
właściwości obramowań:
border-style (none, dotted, dashed, solid, double, grove, ridge, inset oraz outset)
border-color
border-width (thin, medium, thick lub teŜ wartość określająca długość) - grubość
obramowania
font-family
font-size
font-style (oblique, italic lub normal)
font-weight (normal, bold, bolder, lub lighter) lub (100,200,300,400,500,...)
font-variant (small-caps lub normal) - modyfikacja czcionki
word-spacing - zwiększenie domyślnych odstępów pomiędzy wyrazami
letter-spacing - zwiększenie domyślnych odstępów pomiędzy literami
line-height - Określa odległość pomiędzy liniami bazowymi dwóch kolejnych linii
vertical-align - absolutną pozycję tekstu w pionie lub jego pozycję względem elementu
nadrzędnego
(baseline, middle, sub, super, text-top i text-bottom)
text-align - (left,right,center)
text-decoration (none, overline, line-through i blink)
text-indent - Określa wcięcie pierwszej linii sformatowanego tekstu w elemencie
white-space (normal,pre,nowrap-lamanie tylko za pomocą <br/>)
strona o CSS : http://www.w3.org/Style/CSS/
Paweł Kruk