5.1 Bir etiketin stil özelliği
Ve HTML hakkında birkaç yararlı şey daha. Web popülerlik kazanmaya başladığında, web sayfalarının güzel veya çok güzel tasarlanmış olması için artan bir talep vardı. kullanılarak bu sorun çözüldü style
.
Bu özniteliğin genel biçimi aşağıdaki biçime sahiptir:
<tag style="name=value;name2=value2;nameN=valueN">
Noktalı virgülle ayrılmış özellik değeri, style
etikete uygulanması gereken tüm "stilleri" listeler.
Diyelim ki bir görüntüyü kare olarak görüntülemek 100*100
ve yarı saydam yapmak istiyorsunuz. Bunu yapmak için ona özel stiller eklemeniz gerekir:
- genişlik=100 piksel;
- yükseklik=100px;
- opaklık=0.5;
Ardından, bu görsele sahip HTML kodu şöyle görünecektir:
<img src="logo.png" style="width=100px;height=100px;opacity=0.5">
Binlerce olmasa da yüzlerce stil var. Ve tarayıcı geliştiricileri sürekli olarak yenilerini buluyor. Bir web tasarımcısı değil, bir Java geliştiricisi olmak için çalışıyor olmanız güzel :)
5.2 Popüler CSS Stilleri
Hayatınızda çok fazla HTML kodu yazmanız veya stillerini düzenlemeniz pek olası değildir, ancak her şey olabilir. Örneğin, API
. Bu nedenle, temel stilleri bilmek HTML
yardımcı olabilir.
Arka uç geliştiriciler için en yaygın 10 tanesi aşağıdadır:
# | İsim | Örnek | Tanım |
---|---|---|---|
1 | Genişlik | genişlik: 100 piksel | piksel cinsinden öğe genişliği |
2 | yükseklik | yükseklik: %50 | yüzde olarak öğenin yüksekliği (ebeveynin genişliğine göre) |
3 | görüntülemek | görüntü yok | görüntüleme öğesi (öğeyi görüntüleme) |
4 | görünürlük | görünürlük: gizli | öğe görünürlüğü (öğe gizlenir, ancak onun için yer ayrılmıştır) |
5 | renk | kırmızı renk; | metin rengi |
6 | arka plan rengi | arka plan rengi: duman | arka plan rengi |
7 | sınır | kenarlık: 1 piksel düz siyah; | kenarlık (genişlik 1 piksel, siyah renk, düz çizgi) |
8 | yazı tipi | yazı tipi: verdana 10pt | yazı tipi: verdana, boyut 10pt |
9 | Metin hizalama | metin hizalama: merkez; | metin hizalaması yatay |
10 | marj | kenar boşluğu: 2 piksel | elemanın dışında dolgu |
Bu etiketleri hatırlamanıza gerek yok, her şey internette. Ayrıca, her "stil" kendi geçerli değerler kümesine ve değeri açıklamak için kendi formatına sahiptir. En azından border
veya ' ye bakın font
.