Class / CSS

HTML’de Class Yazma ve Kullanımı

HTML içerisinde html elentlerine daha önce belirli stiller vermiştik. Bu sitiller ile ilgili yazımızı HTML İçerisine CSS Yazma ( Stiller ) okuyabilirsiniz. HTML elementleri içerisine style yazmak yerine aynı özelliği gösteren elementlere tek bir kere bu stilleri vermek için class yapısını kullanırız. Yani belirli elementleri sınıflandırırız. Bu yapı için

class= ” ” 

ek niteliğini kullanırız.

Örnek:

<h1 class="yazi-baslik" > Yazıların Başlığı Burada</h1>

Yukarıdaki gibi bir class yapısını kullanarak artık her başlık oluşturduğumuzda tekrar html içerisinde nitelik olarak style yazmamıza gerek olmayacak en başta tasarladığımı şekilde kullanabilceğiz. Bunları yapabilmek için CSS kodları yazabilmeyiz. CSS kodlarını ise html içerisinde bulunan

< head > …………………….. < / head > 

etiketleri arasına yerleştirdiğimiz

< style > ………………………… < /style >

etiketler arasına yazılmaktadır.

Örnek:

<html>

<head>
     <style>
        .yazi-baslik {
           color:tomato;
           font-size:26px;

            }

     </style>
</head>

<body>
     <h1 class="yazi-baslik" > Yazıların Başlığı Burada</h1> 
<body>



</html>

 

5 3 votes
Article Rating
Subscribe
Bildir
guest
1 Yorum
Oldest
Newest Most Voted
Inline Feedbacks
View all comments