Css Kodu Nasıl Yazılır? - Html Div Kullanımı
Etiketler:
Css,
Div Kullanımı,
Html
Birincisi:
.csskodu{
kodlar
}
İkincisi:
#csskodu{
kodlar
}
Üçüncüsü:
csskodu{
kodlar
}
bu komutların kullanımı html sayfasında farklıdır fakat alacağımız sonuçlar aynıdır. Biraz kafanız karıştıysa yazının devamını okumaya devam edin :).
Birincisinin html kodu:
<div class="csskodu">Kodlar</div>
İkincisinin html kodu:
<div id="csskodu">Kodlar</div>
Üçüncüsünün html kodu:
<csskodu>kodlar</csskodu>
yani buradan anlayacağımız divde kullanacağımız ismi belirtirken nokta "." ile başlarsak div class oluyor, # (diyez) işareti olarak başlarsak div id oluyor, başına bir işaret koymuyorsak aynı <center> gibi kullanabiliyoruz. Biz genellikle class olanını yani nokta ile başlayanını tercih ediyoruz fakat diğerleriyle arasında bir fark yoktur.
Öyleyse şimdi kodları yazmaya başlayalım.
Öncelikle css dosyasını açalım ve şu kodları ekleyelim;
.baslangic{
background-color:red; /*Arkaplan rengini belirtir.*/
width:150px; /*Genişliğini belirtir.*/
height:150px; /*Uzunluğunu belirtir.*/
border-style: solid; /*Kenarlık türünü belirtir.*/
border-width: 1px; /*Kenarlık kalınlığını belirtir.*/
border-color: black; /*Kenarlık rengini belirtir.*/
color:white; /*Yazı rengini belirtir.*/
}
Şimdi html sayfamızı açalım ve <body> </body> etiketleri arasına şu kodu ekleyelim;
<div class="baslangic">Merhaba Mars</div>
Sonuç:
Yazı rengi beyaz olan, siyah, 1px kalınlığında, solid türünde çerçeveli kırmızı bir kutu eklemiş olduk.
Eee bu yazıyı 1 saattir okuyorum kardeşim bu muydu? Diyecek olursanız; unutmayın emeklenmeden yürünmüyor :).
Bunları yapmadan önce Html Sayfasına Css Tanımlama yazımı da okumalısınız.
Kaydol:
Kayıt Yorumları (Atom)
Hiç yorum yok:
Yorum Gönder