CSS Dersleri 2 - Inline CSS Kullanımı

Bu dersimiz ile etiket içerisinde CSS kullanımını anlatacağız.

Taha Furkan Bayar Taha Furkan Bayar
Kasım 7, 2022 - 12:25 Updated: Kasım 1, 2022 - 23:45
0 95
CSS Dersleri 2 - Inline CSS Kullanımı 
!DOCTYPE html>
<html>
<body>

<h1 style="color:blue;text-align:center;">Bir Başlık</h1>
<p style="color:red;">Bir Paragraf</p>

</body>
</html>

Hemen bir örnekle anlatalım. HTML derslerinde öğrendiğiniz üzere HTML içerisinde CSS kllanımını da kod üzerinden anlatıyorum. <h1> etiketi bir başlık bunu biliyorsunuz. Ancak <h1> içerisinde style adında bir nitelik açtığımızı da görmektesiniz. İçerisine color:blue; text-align:center; yazılmış. Şimdi örnekte görüldüğü üzere CSS kodları nasıl yazılıyor şu şekilde yazılıyor. CSS için bir seçici belirtip içerisine bir nitelik yazıyoruz sonrasında iki nokta üst üste ve sonrasında değeri girip noktalı virgül ile kapatıyoruz. Bu bir Inline CSS kullanımıdır. 

Öneri vermek gerekirse bu iyi bir kullanım değildir karışıklığa yol açmaktadır. Bir sonraki derste anlatacağım diğer kullanımlar daha uygundur. Satır içi CSS kullanımı hem gözümüzü yorar hem de kodların birbiri ile ayrıştırılmasını zorlaştırır. 

Bu şekilde bir çok hata ile karşılaşma olasılığımız yüksek olacaktır.

Etiketler: