Css Kod Icinde Kullanmak
CSS'yi Kod İçinde Kullanmak
Daha önceki konularımızda anlattğımız, bir css tasarım dosyası içinde neler olduğun öğrenmiştik.Bir css tasarım dosyası içinde genel olarak 3 dosya bulunuyordu, bunlar:
İndex.html : Bu dosya tarayıcımıza sitmeizin adresini yazıp Enter'e bastığımızda karşımıza çıkan bize görünen sayfadır.
style.css : Bu dosya ise sitemizin yazı rengi, arkplan rengi, başlık resmi, yazıların boyutunu vs. ayarlayabildiğimiz kısımdır.İşte biz bu dosyayı ' index.html ' dosyası içinde çağıracağız.
image : Bu klasörün içinde sitemizin görselleri bulunmaktadır.Resim (jpg,png,gif vs.) gibi...
Şimdi biz Css'yi kod içinde nasıl kullanırızı bunu göreceğiz.Burda ' kod ' diyerek bahsettiğimiz ' index.html ' sayfasıdır.Yani css'yi harici dosya olarak değilde bu index içinde css yazacağız.
Şimdi ' index.html ' değdimiz olayı bir tanıyalım.
' index.html ' dediğimiz uzantısındanda anlaşılabildiği gibi bir ' HTML ' dosyasıdır.Yani bize görünen kısımdır.Bu dosya hangi kodlardan oluşmaktadır şimdi bunları görelim.
Bir HTML dosyası şu kodlardan meydana gelir:
<html>
<head>
<title> İNDEX'İN İSMİ </title>
<link rel='stylesheet' href='style.css' media='all' type='text/css' />
</head>
<body>
</body>
</html>
kodlarından oluşur.Şimdi bu kodları yazmışken,yazdığmız bu kodları bir not defteri açıp içine yapıştırın, kaydet diyerek ismini ve uzantısını ' html ya da htm ' olarak değiştirin.Örn: index.html ya da index.htm
Bu işlemi yaptıktan sonra kaydet diyerek masaüstüne kayıt edin.İndex olarak kayıt edecektir.Explorer'de açabilrisiniz.
Biz Css kodunu şimdi ' <head> </head> ' tagları arasına yazacağız.