[ 11. January 2000]
- Martin_Nemecek
Prßca s textom v èt²loch [4.Φas¥ serißlu o CSS]
Vo Ütvrtej Φasti nßÜho serißlu o CSS sme sa venovali atrib·tu COLOR a farbßm vÜeobecne. Dnes si posvietime bli₧Üie na formßtovanie textu.
Tßto tΘma ·zko s·visφ s farbami, tak₧e ak ste nßhodou neÜtudovali tretiu Φas¥.
Tak₧e akΘ mo₧nosti mßme pri formßtovanφ textu v HTML dokumentoch pomocou Kaskßdov²ch èt²lov ? Dalo by sa poveda¥ ₧e takmer neobmedzenΘ.
CSS nßm dovo╛uj· uΦinn· sprßvu, kontrolu a mnohostrann· konfigurßciu vÜetk²ch atrib·tov textu, ako s· :
- family (typ pφsma)
- weight (vßha pφsma)
- color (farba pφsma)
- alignment (zarovnanie pφsma)
- background color (farbu pozadia pφsma)
CSS taktie₧ vinikaj· variabilitou zadefinovan²ch atrib·tov. Tieto m⌠₧eme zadefinova¥ v bodoch, percentßch. inchoch. VÜetky vlastnosti m⌠₧u by¥ zoskupenΘ
v jednotiv²ch skupinßch, ktorΘ nßsledne aplikujeme na jednotlivΘ Φasti HTML dokumentu.
Ako vieme Üt²ly m⌠₧u by¥ zadefinovanΘ tromi sp⌠sobmi :
- priamo na strßnke v tagoch <STYLE></STYLE>
- v externom dokumente *.css
- priamo pri tagu, ktor² nßm formßtuje dan² text.
My sa budeme tento krßt venova¥ iba sp⌠sobu kedy je CSS zadefinovanΘ priamo na strßnke medzi tagmi HEAD.
Pozrime sa na jeden prφklad:
<HTML><HEAD>
<TITLE>CSS prφklad - lekcia 04</TITLE>
<STYLE TYPE="text/css">
<!--
H1 {
font-size: 30pt;
font-family: Helvetica, Arial;
font-style: normal;
font-weight: bold;
color: silver;
text-indent: 5in;
background: -->
</STYLE>
</HEAD>>
<BODY BGCOLOR="<H1>
Developer Zone</H1>
</BODY>
</HTML>
A tak²to bude v²sledok:
Developer Zone
Z prφkladu je zrejmΘ o Φo nßm iÜlo. V preddefinovanej sekcii, medzi tagmi STYLE, sme si urΦili ₧e nadpis typu H1 bude ve╛kosti 30pt, typ pφsma - Helvetica alebo Arial, Üt²l pφsma - normal, vßha - bold (tuΦnΘ), farba - striebornß, farba pozadia - ₧ltß, at∩.
Nßsledne ke∩ si u₧ vyvolßme nadpis H1 v tele HTML dokumentu dostaneme v²sledok ako vidφme vyÜÜie. Äiadne inΘ parametre pri H1 u₧ nie s·.
Na bud·ce si povieme Φo to o ∩alÜom "skrßÜlovanφ" textu na naÜich strßnkach pomocou CSS.
|
|
|
Homepage
