CSS ile h1, h2, h3 etiketlerini biçimlendirmek

HTML bilginiz yoksa bu bölümde CSS ile ilgili örnekleri ve kodları anlamakta biraz zorluk çekebilirsiniz. HTML bilenler için kodlar kısa ve öz olarak aşağıda verilmiştir. Burada font-size parametresi ile font büyüklüğünü ayarlıyoruz. font-style parametresi ile fontumuzu kalın veya normal şekle getirebiliyoruz. color parametresi de font rengini belirlemekte kullanılıyor.


h1{ 
font-size:20px;
font-style:bold;
font-family: 'Open Sans', sans-serif;
color:#000;
}

 
h2{ 
font-size:16px;
font-style:bold;
font-family: 'Open Sans', sans-serif;
color:#000;
}


h3{ 
font-size:14px;
font-style:normal;
font-family: 'Open Sans', sans-serif;
color:#000;
}


Artık HTML etiketleriniz içine bu CSS kodlarınızı dahil ettiğinizde aşağıdaki gibi kullabilirsiniz.

<h1> Bu en büyük yazı </h1>
<h2> Bu daha küçük </h2>
<h3> Bu biraz daha küçük </h2>



Mutlu Kodlamalar,
Oğuzhan TAŞ
Mayıs, 2015

 
Bookmark and Share