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.

 

< head tagına>

< 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.

css-nedir-1

css-nedir-1

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.

css-nedir-2

css-nedir-2