CSS Temel Bilgiler

Dökümanlarımızın görünümünü düzenleme hakkında bize bir çok olanaklar sunar HTML. Mesela renk boyut çerçeve pozisyon ortalama uzunluk kalınlık yazı tipi gibi özellikler. Ancak HTML ile tek başına yanlızca belli bir objeyi niteleyebilirsiniz. Buda sayfa boyutunun büyüklüğü ile ilgili sorunlar yarattığı gibi gereksiz uzun kodlar yazmamızı gerektirmektedir. Bunun tabiki basamaklı stil sayfaları ile geçebiliriz. CSS uzunca cascading style sheet html sayfalardaki objeleri teker teker özelliklendirmek yerine gruplar oluşturup grubu özelliklendirme yöntemini kullanır. örneğin linkler için özel tasarım hazırladığımızda sayfaya eklediğimiz bütün linkler bu tasarımda olacaktır. Belli bir link grubu için tasarım hazırladığımızda sayfadaki bu link grupları bu özellikleri taşıyacaktır. CSS ile sayfalarımız çok daha hafif ve kullanışlı hale gelir.

Css kodları 3 şekilde kullanabilirsiniz

1 HTML objesine özel kodlar:

<a style=”background-color:#FFFFFF; font-size:20px; font-weight:bold;” href=”http://grafitr.com”>bu bir linktir</a>

2 HTML sayfasının <head> etiket aralığına ekleyebilirsiniz

<style type=”text/css”> A{text-decoration: none}A.ornek_sinif:hover {text-decoration: underline; color: #0000FF;}</style>

3. HTML sayfasına link tagını kullanarak harici css style dosyasını çağırarak yapabilirsiniz.

<link rel=”stylesheet” type=”text/css” href=”stilim.css” />
Not: Sayfanızın haricinde stilim.css gibi bir css dosyası olması gerekmektedir.

Daha sonra objelerden bu style sınıfları çağırılır.

<a class=”ornek_sinif” href=”http://grafitr.com”>bu bir linktir</a>

Not: Html objelerinde kullanılan class özelliği sadece css için kullanılmadığı için bunların css sınıfı olarak adlandırılması yanlıştır.Doğrusu sadece sınıf olarak adrandırılmasıdır.

Bir yorum yaz:

CSS Temel Bilgiler