CSS nedir? Nasıl Kullanılır?
Web sitenizde yüzlerce sayfa olduğunu varsayarsak, sayfalarınızın arkaplan rengini değiştirmeyi kalktığınızda sayfaları teker teker düzenlemeniz gerekiyor. Ama CSS ile tek bir yerde yapacağınız değişiklikle bütün sayfaların arkaplanını değiştirebilirsiniz. Örnek vermek gerekirse, üç tane sayfamızın olduğunu düşünelim;
Üç sayfamızında arkaplan rengi farklı ve biz hepsinin arkaplan rengini beyaz (#FFFFFF) yapmaya karar verdik. Bunu CSS yardımıyla CSS sayfamızdaki tek bir düzenlemeyle yapabiliriz:
body
{
background: #FFFFFF
}
CSS, sayfa ve yazıya ilişkin kullanılan sitillerin tek bir sayfa altında toplanması ve tek bir sayfa altında yönetilmesini sağlar. Tek yapmamız gereken bir CSS dosyası oluşturmak ve her sayfanın head taglari arasına kullanacağımız css dosyasının adını ve yerini belirtmek yetecektir:
<head>
<link ref=”stylesheet” type=”text/css” href=”ornek.css”/>
</head>
CSS dosyaları nasıl oluşturulur?
CSS dosyası oluşturmak için notped(not defteri) bile bize yetecektir. Tek yapmamız gereken dosyayı kaydederken .css uzantısıyla kaydetmek.
İlk örnek:
Bir örnek yapalım: Bunun için ilk olarak bir css dosyası hazırlayalım. Bir not defteri açın ve şu kodları yazın: (sayfamızın arkaplan rengini belirliyoruz)
body
{
background: #9B0000
}
daha sonra dosyayı ornek.css olarak kaydedin. Css dosyasını hazırladık şimdi bir html dosyası hazırlayalım:
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”ornek.css”/>
</head>
<p>İlk örnek</p>
</html>
Hazırladığımız bu dosyayı da ornek.html olarak kaydedin ve tarayıcı da açın. Sayfamızda arkaplanı belirtmediğimiz halde arkaplanın bordo olduğunu göreceksiniz.
Gördüğünüz gibi css dosyaları web sayfalarımızın tek bir dosyadan yönetilmesini sağlar. Tek yapmanız gereken her sayfaya kullanacağımız css dosyasının adını ve yerini head taglari arasına <link ref=”stylesheet” type=”text/css” href=”ornek.css”/> şeklinde belirtmeniz.
Toplam Okunma: 56 | Bugunku Okunma: 4 | En Son Okunma: 03.07.2008 - 17:29
Aktivite