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, styleetikete uygulanması gereken tüm "stilleri" listeler.

Java university

Diyelim ki bir görüntüyü kare olarak görüntülemek 100*100ve 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 HTMLyardı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 borderveya ' ye bakın font.