css nasıl kullanılır

merhaba arkadaşlar

CSS W3C Standardının 1996 sonlarına doğru duyurduğu sitelere daha iyi bir görünüm sağlamak,bilindik tablelardan kurtulmak için oluşturulmuştur.
Son yıllarda kendini iyice gösteren css vazgeçilmez design dili oldu.
Açılımı Cascading Style Sheets 'tir.
Kullanım CSS Giriş:Mesela css öncesinde html de h1 komutlarına hertürlü özellik verilebiliyordu,kalın,italik,eğik,altı çizili,üstü çizili bunlar için ayrı ayrı kodları tanıtmak gerekiyordu.
Birde h2,h3,h4 diye devam edince sadece o renk ve biçimi belirlemek saatlerinizi boşa gidiyordu.Ancak css yle beraber aynı işi tek satır kod ile yazabilirsiniz örnekh1 text inin rengini kırmızı yapmak istiyoruz..
KOD:
HTML-Kodu:
h1 {color: red;}
veya tüm textleri kırmızı yapmak istiyoruz..
KOD:
HTML-Kodu:
h1,h2,h3,h4 {color: red;}
veya h1,h2,h3 textlerini sağlı sollu sıralamak istiyoruz
KOD:
HTML-Kodu:
h1 {text-align: center}
h2 {text-align: left}
h3 {text-align: right}
evet h1 i sayfada ortaladık,hemen altında h2 yi sol tarafa yasladık karşısındaki h3 üde sağa yasladık. bu kodla.
Şimdi ilk öğrendiğimiz kod ile 2.ci öğrendiğimiz kodu birleştirelim.Yani textleri renklendirelim ardından hizalayalım..Kodumuz :
HTML-Kodu:
h1 {text-align: center}
h2 {text-align: left}
h3 {text-align: right}
h1,h2,h3, {color : red}
Css kodlarımızı <'style'>-<'/style'> tagları arasında yazarız.
Sayfada css kullanacaksak css kodlarından önce;
<'style type="text/css"> Bu kod yazılır.
Ardından css kodlama bittiğinde <'/style> tagıyla kapatılır.

Etiketler: css,design,html,kullanılır,nasıl,style