HTML Satır İçi Stiller, Stil Ekleme

Satır içi stiller en yüksek önceliğe ve dış stil sayfaları en düşük önceliğe sahiptir.
HTML sayfasında yazdığınız bir style kodu css dosyasında oluşturduğunuz kodu geçersiz kılar. Öncelik kod içerisinde bulunan style etiketinindir.

Aynı zamanda css dosyanızda verdiğiniz özelliklere ekleme yapmak içinde bu alana stil yazabilirsiniz.

Style özniteliği bir dizi CSS özelliği ve değer çifti içerir.  özellik: değer ; gömülü veya harici bir stil sayfasına yazdığınız gibi noktalı virgülle ( ) ayrılır . Ancak bunların hepsi tek bir satırda olmalıdır, yani noktalı virgülden sonra satır sonu olmaz.

<!--Temel Kullanım-->

<h2 style="color:#222; font-size:30px;">Başlık</h2>
<p style="color:gray; font-size:14px;">Bu yazıya gri renk ve 14 piksel font büyüklüğü tanımladık.</p>
<div style="color:green; font-size:18px;">Birçok etikete style yazılabilir. span, p, a, i, div vs.</div>

<!--Bir öğeye birden fazla stil tanımlarken gömülü stil kodlarını kullanabilirsiniz -->
<div class="blog" id="sonblog" style="color:red;">
  <p> Yukarda yazdığımız div elementi class id ve style içeriyor.</p>
</div>

Buraya Dikkat

Satır içi stillerin kullanılması genellikle kötü bir uygulama olarak kabul edilir. Stil kuralları doğrudan html etiketinin içine gömülü olduğundan, sununun belgenin içeriğiyle karıştırılmasına neden olur, bu da bir web sitesini güncellemeyi veya korumayı çok zorlaştırır.

Aynı zamanda arama motorları tarafından da istenmeyen bir unsurdur.

 

Responsive site yapmak istediğinizde gömülü kodları değiştirmeniz zorlaşır. Bu yüzden harici bir css yapılandırması kullanırsanız mobil çözünürlüğe göre stillerinizi düzenleyebilirsiniz.
E.Albayrak
Email

0 Yorum

Soru & Yorum


Web Tasarım

Renkli Kare

Web Tasarım Ajansı

Social Media