HTML Style
Html elementlerinin özelliklerini değiştirmek için kullanılır. Yazı boyutu, arka plan rengi, yazı rengi, resim boyutu gibi birçok stil eklemek mümkündür.
Style özelliği her html elementine sayfanın gerektiği kısımlarında verilebilir. Ancak bir bütünlük olması isteniyorsa, bu stiller
- web sayfasının <head> tagı içerisinde yazılabilir yada
- bir css dosyası içerisine yazılarak <head> tagı içerisinden çağrılır.
Böylece ortak olan elementler için tek bir yerde tanımlama yapılmış olur, düzenleme de bir yerden yönetilir.
Şimdi biz ısınma hareketleri yaptığımız için html elementlerinde örnekler vermeye devam edelim. Aksi taktirde bu style kısmı CSS başlığına girmektedir, CSS de bir okyanustur orada boğuluruz.
Bütün html taglarinde style özelliği kullanılmaktadır. Ama dikkat her style özelliği her elemente geçerli değildir.
Örnek: Bir yazının font-size özelliği varken, bir çizginin bu özelliği yoktur, ilk aklıma gelen bu oldu :).
Diyebilirsiniz “tabiki çizginin font-size özelliği olmaz”.
Genel Kullanım:
<tagname style=”property:value; property:value;“>
Birden fazla property:value; eklenebilir.
Örnek: Yazı rengi
Durduk yere Cepte Bilişim ifadelerini renklendirelim. Ama buna uygun bir tag ne olacak, yardıma <span> tagı yetişiyor.
<span style="color: green;">Cepte</span> <span style="color: black;">Bilişim</span>
Cepte Bilişim
Örnek : Arka plan rengi
<span style="color: green; background-color: black;">Cepte</span> <span style="color: black;">Bilişim</span>
Cepte Bilişim
Örnek
<h1 style="color: blue; text-transform: uppercase;font-family:courier;">Makalenin Başlığı</h1>