CSS ( Cascading Style Sheets ) Nedir?
Web sayfalarındaki html tagler’ın şekil ve görünüm açısından düzenli olmasını sağlayan stillerin toplandığı class yapısıdır.
Css’ in sayfa içerisine yerleştirilmesi:
Dışarıda css uzantılı ayrı bir dosya olarak oluşturulması:
Style özelliklerini bir metin belgesi açarak *.css uzantısıyla kaydederiz ve sayfamızın "head" bölümünde aşağıda olduğu gibi bu dosya ile bağlantı kurarız.
< link type="text/css" rel="stylesheet" href="style/zb.css" >
< /head >
Aynı şekilde bir css dosyası oluştururuz. Dışarıda ki bu dosyaya da yine "head" bölümünde aşağıdaki gibi bir bağlantı kurarız.
< head tagına>
< style> @import url(zb.css); < /style >
< /head >
ya da; Herhangi bir editör sayesinde oluşturabiliriz. Biz şu anda bu işlemleri oluşturabilmek için Microsoft Visual Studio kullandık ve Solution Explorer sekmesinden AddNewItem a tıklayarak.Zb.css dosyamızı oluşturmaya başlayabiliriz.
KULLANIMI:
Oluşturmuş olduğumuz zb dosyanın içerisine;
.bicimver
{
color:Brown;
font-family:Verdana;
font-size:24px;
font-weight:bold;
}
Ekledikten sonra sayfada bu dosyada bulunan özelikleri nasıl gösterebiliriz. Onuda aşağıda inceliyelim
< p class=" bicimver " > Zirvedeki Beyinler < /p >
veya
p.bicimver
{
color:Brown;
font-family:Verdana;
font-size:24px;
font-weight:bold;
}
< p class="bicimver" > Zirvedeki Beyinler < /p >
Her ikisinin de görünümü aynıdır.Aşağıda yer almaktadır.
