CSS Kod Yapısı - vatangenclik 
ANASAYFA KÜNYE İLETİŞİM REKLAM GİZLİLİK POLİTİKASI SİTE HARİTASI

CSS Kod Yapısı

CSS kod yapısı, CSS kodları nasıl yazılır, CSS açıklama nasıl kullanılır?


CSS Kod Yapısı


CSS Kod Yapısı

CSS kodu iki temel bileşenden oluşur. Biri element ve stilleri birbirinden ayırır, diğeri ise özellikleri bildirdiğimiz ifade bölümü.

CSS Kodları Nasıl Yazılır

css kodları nasıl yazılır

Stilini belirlemek istediğimiz HTML elementini belirliyoruz.

Örnek;
h1, h2, h3, h4, h5, h6,a, body, p, divadı gibi.
Bir CSS ifadesi her zaman noktalı virgül (;) ile biter.
İfadeler bir kıvrımlı parantez içinde yer alır. 
Aşağıdaki örnekte belirtilmiştir.

p { color: red; text-align: center; }

Yukarıda belirtmis olduğum kod HTML etiketi olarak <p></p> bu şekilde göründüğünden hiç bir ön ek almaz.
Aşağıdaki gibi olsaydı;


<div class="divadi"></div> .divadi{stillerimiz}

HTML etiketlerinde div calss ile oluşturduğumuzda div adından önce nokta gelmektedir. Nokta olmadığı taktirde CSS kodlarımız div üzerinde hiç bir etki yapmayacaktır.

<div id="divadi"></div> #divadi{stillerimiz}

HTML etiketlerinde div id ile oluşturduğumuzda div adından önce (#) kare gelmektedir. Kare olmadığı taktirde CSS kodlarımız div üzerinde hiç bir etki yapmayacaktır.

Yukarıda tek satırda belirttiğimiz kodları istersek aşağıdaki şekilde de yazabiliriz. Daha anlaşılır olacaktır.

CSS Kodu p{color: red;} .divadi{stillerimiz} #divadi{stillerimiz}

CSS'de Açıklama Kullanmak

css açıklama kullanmak

Her programlama dilinde ve HTML'de de olduğu gibi bazen kullanıcıların görmeyeceği ancak bizim için referans olacak açıklamalar yazmak gerekebilir. Bu durum için CSS de /* açıklama */ kullanılmaktadır:

CSS Kodu
/* Paragraf Stilim */
p{color:red;}
/*Renk Kırmızı Oldu*/

Tweet Follow @90DURAN Tweet to @90DURAN
Yorumlar
Ad



Soyad



E-Mail



Yorum






Anasayfa Hakkımızda İletişim Gizlilik Politikası Site Haritası

vatangenclik.com 2017