MENU

Ders 2: CSS’nin Yapısı ve CSS Kullanımı

Anasayfa » CSS / CSS3 » Ders 2: CSS’nin Yapısı ve CSS Kullanımı
Ders 2: CSS’nin Yapısı ve CSS Kullanımı

Merhaba Arkadaşlar. Yeni bir video’yu daha bitirdim çok uğraştırdı ama sonunda oldu. :)

Video çekerken halada relax değilim bilginiz olsun zamanla dahada iyi olacağım inşallah. Bugünkü dersimde sizlere CSS’in yapısını ve nasıl kullanacağımızı anlattım.

Cascading Style Sheets (CSS)’nin Yapısı

Seçiciler ve Bildirim blog‘u olarak 2’ye ayrılıyor. Bildirim bloglar’ad 2’ye ayrılıyor onlarda özellik ve değer olarak adlandırılıyor. Seçiciler nelerdir? HTML sayfamdaki tüm elemanlar bir seçicidir arkadaşlar. Örnek olarak bir seçici ve bir bildirim blog’u oluşturuyorum.

Seçici ve Bildirim blog’u

Aşağıdaki body bir seçicidir köşeli parantezler { } ise bildirim blog’udur.

body {}

Bildirim Blog’u içerisinde özellik ve değer

Burada background bir özellik gray ise değerdir.

body {background:gray}

Başka bir özellik değer atamak istediğimizde ise noktalı virgül ile (;) ayırıyoruz.

body {background:gray;padding:10px;}

Video’da gruplandırmayı gösterdim ancak örnek verirken tam bir örnekleme yapamadım açıkcası ancak burada anlatabilirim. Örnek kodumuz şu şekilde;

h1 {color:blue}
h2 {color:blue}
h3 {color:blue}

Gruplandırma şunun için kullanılır ben h1, h2 ve h3 taglarıma mavi rengi verdim ancak hepsi için ayrı bir bildirim blog’u açtım yukarıda yaptığım şekilde olur ancak yukarıdakinde fazla kod yazarsınız ve css’iniz şişer sayfayı ne kadar gruplandırarak yazarsanız o kadar hızlı açılır. Yukarıdaki aslında kullanım olarak yanlıştır yani alttaki şekildeki gibide yazabilirdik.

h1,h2,h3 {color:blue}

Evet arkadaşlar dersimiz bu şekilde. Sorunuz varsa sorun elimden geldiğinde cevaplayacağım inşallah.

Rooteto Teknoloji Blogu

Rooteto WordPress, Sosyal Medya, Teknoloji, HD Resimler ve Video paylaşımında bulunan bağımsız olarak çalışan online haber teknoloji sitesidir.

Yaklaşık 1 Milyondan fazla tekil aylık ziyaretci ile Rooteto'yu büyük yapan teknoloji topluluklarıdır. 2009 yılında kurulan Rooteto'nun genel merkez ofisi İzmir / Bornova'dadır.