Outlines, Padding, Positioning, Table, Text, Pseudo-classes, Pseudo-elements
Outlines, padding, positioning, table, text, pseudo-classes, pseudo-elements gibi css nesnelerinin açıklamaları ve örnekleri.
Outlines
Border özelliğine benzer, element etrafında nasıl çizgi çizileceğini gösteren örnek;
Kod:

Önizleme:

Padding
Kullandığımız herhangi bir nesnenin istediğimiz bir bölgeye yerleştirilmesi için kullanılır.Örnek;
Kod:

Önizleme:

Positioning
Kullandığımız herhangi bir nesnenin konumunda(pozisyonunda) değişiklik yapmak için kullanılır.Örnek;
Kod:

Önizleme:

Table
Tabloya ait hizalama,sığdırma,kaydırma gibi özelliklerle beraber kullanabiliriz.Örnek;
Kod:

Önizleme1:

Önizleme2:

Text
Yazılarda karakterler arası boşlukları ayarlamada,kelimeler arası boşlukları ayarlamada kullanılır.Örnek;
Kod:

Önizleme:

Pseudo-classes
Genellikle linklere stil vermek için kullanılır, class'larla birlikte kullanılır.Örnek;
Kod:

Önizleme1:
Kodları yazdıktan sonra önizleme yaptığımıza linkler aşağıdaki gibi gözükecektir.

Önizleme2:
Fare imleci ile linklerin üzerine geldiğimizde ise linkler aşağıdaki gibi gözükecektir.

Pseudo-elements
Genellikle yazı efekti olarak kullanılır, paragrafın ilk harfini büyük yapar.Örneğin;
Kod:

Önizleme:

Yararlanılan Kaynak: http://www.w3schools.com
Hazırlayan:Mehmet EMEK