5.1 A címke stílusattribútuma
És még néhány hasznos dolog a HTML-ről. Ahogy az internet egyre népszerűbb lett, egyre nőtt az igény a szép vagy nagyon szép weboldalak iránt. Ezt a problémát a style
.
Ennek az attribútumnak az általános formája a következő:
<tag style="name=value;name2=value2;nameN=valueN">
Az attribútumérték style
pontosvesszővel elválasztva felsorolja az összes "stílust", amelyet alkalmazni kell a címkére.
Tegyük fel, hogy egy képet négyzetként szeretne megjeleníteni, 100*100
és félig átlátszóvá is szeretné tenni. Ehhez speciális stílusokat kell hozzáadnia:
- szélesség=100 képpont;
- magasság=100 képpont;
- átlátszatlanság = 0,5;
Ekkor a képpel ellátott HTML-kód így fog kinézni:
<img src="logo.png" style="width=100px;height=100px;opacity=0.5">
Több száz, ha nem több ezer stílus létezik. A böngészőfejlesztők pedig folyamatosan újakkal rukkolnak elő. Még jó, hogy Java fejlesztőnek tanulsz, nem webdesignernek :)
5.2 Népszerű CSS-stílusok
Nem valószínű, hogy sok HTML-kódot fog írni vagy módosítani a stílusát az életében, de bármi megtörténhet. Például ír néhány kis HTML oldalt, hogy tesztelje a API
. Ezért az alapvető stílusok ismerete HTML
hasznos lehet.
Az alábbiakban felsoroljuk a 10 leggyakoribbat a háttérfejlesztők számára:
# | Név | Példa | Leírás |
---|---|---|---|
1 | szélesség | szélesség: 100 képpont | elem szélessége pixelben |
2 | magasság | magasság: 50% | az elem magassága százalékban (a szülő szélességéhez képest) |
3 | kijelző | kijelző: nincs | megjelenítő elem (nem jeleníthető meg) |
4 | láthatóság | láthatóság: rejtett | elem láthatósága (az elem el van rejtve, de hely van fenntartva neki) |
5 | szín | piros szín; | szöveg szín |
6 | háttérszín | háttérszín: füst | háttérszín |
7 | határ | keret: 1px tömör fekete; | szegély (szélesség 1 képpont, fekete szín, folytonos vonal) |
8 | betűtípus | betűtípus: verdana 10pt | betűtípus: verdana, mérete 10 pont |
9 | szöveg igazítás | szöveg igazítása: középre; | szöveg igazítása vízszintesen |
10 | árrés | margó: 2 képpont | párnázás az elemen kívül |
Nem kell emlékeznie ezekre a címkékre, minden megtalálható az interneten. Ezenkívül minden "stílusnak" megvan a maga érvényes értékkészlete és saját formátuma az érték leírására. Nézze meg legalább a border
vagy font
.