Css Kullanımı

Cascading style sheets yani sitelerin şablonunu kodlarla belirleyen ve etiketlere özellikler katan kod şablonlarıdır. Css Şablonlarını sitelerinizde kullanmak önemlidir. Sitenin görünümü açısından estetik bir duruş katan bu tagları kolay yoldan sitenizde kullanmanın yolu harici css ile mümkündür. Bu sayede yazdığınız css kodunu birden fazla html kodunda uygulamak kolaydır. Bir kere tanımladığınız css kodunu birçok html dosyasına uygulamak head tag’ına tanımlayacağınız
<link rel=”stylesheet” href=”style.css” type=”text/css”> 
etiketi ile mümkündür. Bu sayede style.css dosyasına tanımladığınız kodları bulunduğunuz html dosyasına yönlendirebilirsiniz.

* {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background-color: #aaa;
}

yukarıda tanımadığımız style.css  dosyasındaki kod ile en temel stil düzenlemesi yapılır.
* işareti tüm sayfayı kapsadığını belirtir.
margin : sayfanın dış kenarlığının 0 olduğunu gösterir.
padding : sayfanın iç kenarlığının 0 olduğunu gösterir.
border : sayfaya konacak bir tabloda veya benzeri nesnelerde çerçeve kalınlığının 0 olacağını gösterir.
Bu kodları yazmamızın nedeni html sayfalarımızı gösteren tarayıcıların ayarlarında farklılık gösterebilmesidir.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir