[ 21. December 1999]
- Martin_Nemecek
Atrib·t COLOR v CSS [3.Φas¥- CSS]
V minulej Φasti serißlu o Kaskßdov²ch Üt²loch sme sa podrobne venovali kompatibilite jednotliv²ch browserov pri pou₧itφ CSS. Tejto tΘme sa budeme okrajovo venova¥ eÜte v niektorej z bud·cich Φastφ. Dnes p⌠jdeme ∩alej a zameriame sa na farby a ich pou₧itie.
Pri vyu₧φvanφ farieb je d⌠le₧itΘ ich sprßvne zadefinovanie a pochopenie ich vyu₧itia. SamotnΘ definovanie atrib·tu COLOR m⌠₧e by¥ viacer²mi sp⌠sobmi
Jeden sp⌠sob je Üpecifikova¥ farbu jej nßzvom. Nßzvy farieb, ktorΘ m⌠₧ete pou₧i¥ s· nasledovnΘ: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white a yellow. Tieto patria do palety Windows VGA - 16 color.
BODY {color: black; background: white }
H1 { color: maroon }
H2 { color: olive }
╧alÜou mo₧nos¥ou je zadefinovanie typu farby pomocou RGB hodn⌠t, ktorΘ s· reprezentovanΘ Φφseln²mi hodnotami.
Nasleduj·ci prφklad nßm ukazuje r⌠zne mo₧nosti pou₧itia RGB farieb.
Prφklady pou₧itia RGB:
EM { color: red } /* klasickΘ zadefinovanie */
EM { color: EM { color: EM { color: rgb(255,0,0) } /* hodnota integeru 0 - 255 */
EM { color: rgb(100%, 0%, 0%) } /* pohyblivΘ hodnoty v percentßch 0.0% - 100.0% */
Ukß₧eme si prφklad, ktor² nßm objasnφ samotnΘ pou₧itie atrib·tu COLOR v HTML dokumente, konkrΘtne pri headings, teda nadpisoch - H1, H2, H3.
<HEAD>
<TITLE>CSS Prφklad</TITLE>
<STYLE>
H1 { font-size: xx-large; color: green }
H2 { font-size: x-large; color: red }
H3 { font-size: large; color: blue }
</STYLE>
</HEAD>
V tomto prφklade sme skombinovali pou₧itie farieb spolu s definovanφm ve╛kosti pφsma, Φi₧e font-size.
V²sledn² efekt by bol asi tak², ₧e nadpis H1 je zelenej farby, ve╛kosti "extra-extra-large", nadpis H2 je Φervenej farby, ve╛kosti "extra-large"a nadpis H3 je farby modrej o ve╛kosti "large".
Na bud·ce budeme pokraΦova¥ s Background-color, ta₧e zatia╛ sa majte a uvidφme sa o t²₧de≥ pri Cascading Style Sheets.
|
|
|
Homepage
