Nedir Bu CSS ?

Nedir Bu Css ?

 

Cascading Style Sheets = Geçişli Stil Sayfaları..

 

Css html sayfasının görünümünü değiştiren bir tanım dosyasıdır. Yani Bir sayfanın şekillenmesini sağlayan dosyadır.

 

Html dili ilk çıkarıldığında görünüm(stil) pek düşünülmedi. Düz yazı olarak sunuldu. Yani <h1>Merhaba</h1> diyorduk ve Merhaba büyük bir şekilde karşımıza çıkıyordu. İlerisinde <font></font> çıktı. Bu da yazıya ek özellikler getirdi. <font size=”16px”>Merhaba</font> 16 px Merhaba diye tanımlayabiliyorduk. Şimdi ise CSS ile daha iyi tanımlamalar yapabiliyoruz..

 

Direk güzel bir örnekle anlatımı pekiştirelim..

 

 

 

Linkte dikkat edilmesi gereken nokta 3 farklı ek stil seçeneğinin olması. Yani: ilk açıldığında stilsiz (sol menüde “Without styles”) açılıyor. Düz yazılar..

 

View Style1 tıkladığımızda (sol menüden), aynı yazıların biraz daha şekillendirilmiş halini göreceğiz.. Basitçe farklar neler ? İşte yazılara renk verilmiş. Yazı tipi değiştirilmiş.

 

View Style2 tıkladığımızda ise (bence) daha güzel bir sayfa açılıyor. Yazı tipi yine değiştirilmiş. Renkler daha bi değişik. Arka plan eklenmiş filan..

 

View Style3 tıkladığımızda ise ilkine göre daha afili bi sayfa açılıyor önümüze..

 

İşte CSS bunu yapıyor. Siteyi sadelikten çıkartıp daha hoş bir havaya katıyor.. Peki nasıl?

 

Css 2 kısımdan oluşur. Seçiciler(Selector) ve Bildirim Bloğu(Declaration Block). Bildirim Bloğuda iki ye ayrılır. Özellik(Property) ve Değer(Value).

 

Açıklamalı resim : 

 

Örnek: Bir html dosyamız var ve arkaplan rengini sarı yapmak istiyoruz. Yazı rengi ise beyaz olsun ve yazı boyutumuz 14px olsun.. Şöyle yaparız..

 

Not defteri açarız. şu kodları yazarız:

 

Öncelikle html dosyamızın arka planı yazıları vb. bütün içeriğimiz bildiğimiz üzere <body></body> tagının içindedir. Bundan dolayı body etiketimizin içine değerleri yazarız..

 

body { background-color: yellow; color: white; font-size: 14px; }

 

body etiketi ————–> <body>
background-color ——->Arkaplan rengi
color ———————>Yazı rengi
font-size —————–>Yazı boyutu

 

İşte Css’in ana mantığı budur.. Bunu evirip çevirip istediğimiz şekile sokabiliriz.. Yani orda body yerine başka bir şey background-color yerine başka bir şey yazarız ve site istediğimiz şekle bürünür.. Basit mantık budur..

Yorum yap

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