Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

Cascading Style Sheets (Stil Şablonları)

Benzer bir sunumlar


... konulu sunumlar: "Cascading Style Sheets (Stil Şablonları)"— Sunum transkripti:

1 Cascading Style Sheets (Stil Şablonları)
CSS Cascading Style Sheets (Stil Şablonları) Tuğba Narol

2 Css nedir? Web teknolojisi
Her türlü sayfa dizaynını yapabileceğimiz stil şablonlar hazırlama olanağı verir

3 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.

4 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

5 Stil komutları tag { CSS komutu } <tag>

6 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>

7 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

8 Soru? Cevap? Soru? Cevap?


"Cascading Style Sheets (Stil Şablonları)" indir ppt

Benzer bir sunumlar


Google Reklamları