Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

CSS – Stil Şablonları (Cascading style Sheet). CSS Nedir? Cascading Styling Sheet – Stil Şablonları Bir web sayfası için İçerik ile biçimlendirme kısmını.

Benzer bir sunumlar


... konulu sunumlar: "CSS – Stil Şablonları (Cascading style Sheet). CSS Nedir? Cascading Styling Sheet – Stil Şablonları Bir web sayfası için İçerik ile biçimlendirme kısmını."— Sunum transkripti:

1 CSS – Stil Şablonları (Cascading style Sheet)

2 CSS Nedir? Cascading Styling Sheet – Stil Şablonları Bir web sayfası için İçerik ile biçimlendirme kısmını ayırır. Avantajları – Görünüm Kolaylığı – Kullanım Kolaylığı – Tasarım tutarlılığı – Daha az dosya Boyutu – Temiz kod Öğr.Gör. Aslı Yazağan2

3 Stil Şablonları Sayfa tasarımında esneklik sağlar. Birden fazla sayfayı etkiler. 1.Yerel (Inline Style): bir html tagı için kullanılan CSS türüdür. 2.Genel (Header Style): tüm sayfa için, tüm html taglarının değiştirilmesinde kullanılan CSS türüdür. 3.Harici (External Style): birden çok sayfa için kullanılan CSS türüdür. Bu CSS türü ayrı bir dosya olarak çalışmaktadır.

4 Yerel CSS CSS Dersleri – Metin Yılmaz Inline Style Kullanımı

5 Genel CSS CSS Dersleri – Metin Yılmaz p { font-size:12pt; color:blue; } Header Style Kullanımı

6 Harici CSS CSS HTML h1 { font-size:12pt; color:blue; } h2 { font:16pt; color:red; } h3 { font-size:18pt; color:black; } CSS Dersleri – Metin Yılmaz CSS Dersleri CSS Dersleri CSS dersleri

7 Soru? Öğr.Gör. Aslı Yazağan7 Örnekler CSS tipi? Deneme yazımız CSS’i Uygulamak div{ color:red; } CSS’i Uygulamak

8 CSS’i Web Dökümanına Eklemek Öğr.Gör. Aslı CSS’i "ornek.css"; Bu yöntemle eklenen harici css dosyası eski web tarayıcıları tarafından görüntülenemeyecektir

9 CSS YAPISI Öğr.Gör. Aslı Yazağan9

10 Uygulama CSS HTML h1 { font-size:12pt; color:blue; } h2 { font:16pt; color:red; } h3 { font-size:18pt; color:black; } CSS Dersleri – Metin Yılmaz Sonbahar Kıs ilkbahar

11 Metin için bazı CSS etiketleri Font-size Font-style: italic Font-weight: bold Font-family : Georgia, Arial, Serif, Times, Helvetica Color Text-alignment: right, left, justify Text- decoration: overline,line-through-underline Text-transform: uppercase, lowercase, capitalize Text-indent

12 Typography

13 Hangisi Daha Güvenilir gözüküyor?

14

15 Uygulama P { font : 0.9em Georgia; color:#000; }

16 Arkaplan için Bazı CSS özellikleri Background-color : color code, colorname Background-image : url(imagename) Background-repeat : repeat,no-repeat,repeat-x, repeat-y Background-position : – Ex: Background-attachment: fixed, scroll Kaynak:

17 Linkler için CSS özellikleri A:link A:visited A:hover A:active

18 Listeler için CSS özellikleri List-style-type: circle, square list-style-image: url(‘imgname.gif');


"CSS – Stil Şablonları (Cascading style Sheet). CSS Nedir? Cascading Styling Sheet – Stil Şablonları Bir web sayfası için İçerik ile biçimlendirme kısmını." indir ppt

Benzer bir sunumlar


Google Reklamları