Cascading Style Sheets (Stil Şablonları) CSS Cascading Style Sheets (Stil Şablonları) Tuğba Narol
Css nedir? Web teknolojisi Her türlü sayfa dizaynını yapabileceğimiz stil şablonlar hazırlama olanağı verir
Css’in Ortaya Çıkışı HTML dosyaları oluştururken her satır ve paragraf için gerekli biçimleri ilgili yerlerde her seferinde belirtmemiz gerekir. Bazı durumlarda bu işlem HTML dosyalarının boyutunun büyümesi ve yükleme sırasında yavaşlık gibi sorunları ortaya çıkarır. Bu sorunu aşmak için stil sayfaları (stylesheets) gündeme gelmiştir. Stil sayfaları (Cascading Style Sheets-CSS) iç içe stil sayfaları olarak da adlandırılırlar.
Css avantajları Daha etkin kontrol Bir dosya ile birçok Html sayfasına erişmek Daha az kod yazarak daha küçük boyutlu sayfalar ve hızlı yükleme Birden fazla sayfayı kolayca ve hızlıca düzenleyebilir Daha güvenli sayfalar oluşturulabilir Kontrol edilmesi daha kolay
Stil komutları tag { CSS komutu } <tag>
Html css kullanımı <HTML> <HEAD> <TITLE>İlk Stil Sayfası</TITLE> </HEAD> <BODY> <H1>Stil Sayfaları: </H1> <H3>Bir Web Tasarım Aracı </H3> <P>Mutlaka Öğrenmeliyiz!</P> </BODY> </HTML> Şimdi bu koda bazı stil tanımları ekleyelim. Aşağıda verilen kodu <HTML> ve <BODY> belirteçleri arasında herhangi bir yere yerleştirelim. <STYLE TYPE="text/css"> <!-- H1 { color: red; font-size: 36px; font-family: verdana } H3 { color: blue; font-size: 26px; font-family: impact } P { text-indent: 1cm; background: yellow; font-family: courier } --> </STYLE>
Asp.net css kullanımı Stylesheet dosyamızı projemize ekleriz Head tagı içerisine link tagı yerleştiririz( <link href="StyleSheet.css" rel="stylesheet" type="text/css" />) Css dosyamızda oluşturduğumuz sınıfları div tagları arasına yerleştiriyoruz
Soru? Cevap? Soru? Cevap?