CSS İle Temel Düzey Etiket Biçimlendirme

Merhaba değerli okurlarım, webmasterlar ve daha çok webtasarımcıların kullandığı etiket biçimlendirme üzerinde biraz duralım ve basit yöntemlerle etiket biçimlendirme nasıl yapılır açıklayalım, aşağıdaki örnekte, classlar için font seçiminde bulunduk, boyuy seçimi yaptık, kalın türünü seçtik ve son olarak beyaz rengini atadık. Web site tasarlarken sürekli karşınıza çıkacak olan css ile etiket biçimlendirme aşağıdaki gibidir.

Örnek bir etiket biçimlendirme;

 .h1{ 
 font-family: 'neo_sans_proregular'; 
 font-size:20px;
 font-weight:bolder;  
 color:#fff;
 }

 .h2{
 font-family: 'neo_sans_proregular';
 font-size:15px;
 font-weight:bolder;
 color:#fff;
 }
 
 .h3{
 font-family: 'neo_sans_proregular'; 
 font-size:10px;
 font-weight:bolder;
 color:#fff;
 }

Etiketleri biçimlendirirken 2 yöntem kullanabilirsiniz, oluşturma biçimine göre class ve id olarak tanımlayabilirsiniz başına # koyarak tanımladıklarınız id dir ve site içerisinde 1 kez kullanılır, başına . koyarak tanımladıklarımız ise class dır ve site içerisinde sınırsız biçimde kullanılabilir fakat aşırı kullanımlarda seo için olumsuz olabilir ona dikkat edelim.

 
 <h1> Büyük Boy Yazı </h1>
 <h2>  Orta Boy Yazı </h2>
 <h3> Küçük Boy Yazı </h3>
 

Css ile etiket biçimlendirme basit anlatım şekli böyledir arkadaşlar iyi kodlamalar 🙂