Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Örnek Arama: Html renkler , php veri tabanı bağlantısı

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 1 vote
Article Rating
Subscribe
Bildir
guest
1 Yorum
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
trackback
1 yıl önce

[…] HTML’de class ve id yapıları birbirlerine çok benzerler ancak id yapıları ancak bir kez kullanılabilirler yani tekildir. Ayrıca id niteliğini Javascript kodları için de kullanabiliriz. Class hakkında yazımızı okuyabilirsiniz. HTML de Class Yazma ve Kullanımı […]