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 stylepontosvessző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 HTMLhasznos 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 bordervagy font.