Web Programlama-

İleri CSS
Dr. Buket İŞLER
 CSS Icons
 https://fontawesome.com/icons adresnden alacağız icoları

 https://cdnjs.com/ sitesinde fontawesome diye aratıp istediğimiz css alabiliriz…

 CSS- Pseudo Code
 Bir elemanın özel
bir durumunu
tanımlamak için
kullanılır. Örneğin,
şu amaçlarla
kullanılabilir:
Kullanıcının faresini
üzerine getirdiğinde
bir öğenin stilini
değiştirebilir.
Ziyaret edilen ve
ziyaret edilmeyen
bağlantıların farklı
şekillerde stilize
edebilir.
CSS-Pseudo 2
Pseudo Class-3
Pseudo-Selector(Element)
CSS pseudo elements seçiciler bir öğenin belirli bir bölümüne
stil vermek için kullanılmaktadır.

Önemli : pseudo-element kullanımında :: şeklinde iki tane iki

nokta işareti ile kullanılması gerekir.
W3C ::pseudo-element ile :pseudo-class kullanımını biririnden
ayırmak için bu kullanım şeklini tasalamıştır.
Pseudo-Selector-2(Element)
Pseudo-Selector-3(Element)
 NthSelector-<p>
:nth-of-type() CSS sözde sınıfı, öğeleri aynı türden (etiket adı) kardeşler arasındaki konumlarına göre
eşleştirir.
NthSelector- <p>
NthSelector- <p>
NthSelector- <ul><li>
Table Styling

 <thead> etiketi HTML tablosunun başlık içeriğini gruplandımak için

kullanılır.
 <tbody> etiketi HTML tablosunun gövde içeriğini gruplandımak için
kullanılır.
Table Styling
Table Styling
 Overflow

Lorem300, belirlediğimiz alana sığmadı

Overflow