Kurulum
- Sublime Text Kurulumu
Başlamadan Önce
- CSS Nedir ?
- İnline Css Nedir ? Nasıl Kullanılır ?
- İnternal Css Nedir ? Nasıl Kullanılır ?
- External Css Nedir ? Nasıl Kullanılır ?
- Class(Sınıf) Kullanımı
- ID Kullanımı
Temel Özellikler
- Width(Genişlik) ve Height(Yükseklik) Kullanımı
- Css'de Yorum Satırları Kullanımı
- Link Özellikleri
- z-index Kullanımı
- Overflow(taşma) Kullanımı
- Float Kullanımı
- Float ve Clear Kullanımı
- Margin(Dış Boşluk) Kullanımı
- Padding(İç Boşluk) Kullanımı
Selectors(Seçiciler)
- Multi Selectors(Çoklu Seçiciler)
- Child Selectors(Çocuk Seçiciler)
- Sibling Selectors(Kardeş Seçiciler)
- Adjacent Sibling(Bitişik Kardeş Seçiciler)
Attribute Selectors(Nitelik Seçiciler)
- Nitelik Seçici 1
- Nitelik Seçici 2
- Nitelik Seçici 3
- Nitelik Seçici 4 (Başlangıca Göre)
- Nitelik Seçici 5 (Son Değere Göre)
- Nitelik Seçici 6
- Pseudo Ui Selectors(Sözde Seçiciler)
Structural Selectors(Yapısal Seçiciler)
- Nth-Child Kullanımı
- Only-Child Kullanımı
- First-Of-Type Kullanımı
- Only-Of-Type Kullanımı
- Last-Of-Type Kullanımı
- First-Child ve Last-Child ilk ve son eleman seçici
Font Features(Yazı Özellikleri)
- Font Özellikleri
Text Features(Metin Özellikleri)
- Line Height(Satır Yüksekliği)
- Word Spacing(Kelime Aralığı)
- Letter Spacing(Harf Boşluğu)
- Text Decoration(Metin Dekorasyonu)
- Text Transform(Metin Dönüşümü)
- Text İndent(Metin Girintisi)
- Text Align(Metin Hizalama)
- Text Align Last(Son Metin Hizalama)
List Features(Liste Özellikleri)
- List Style Type(Liste Stil Türü)
- List Style Position(Liste Stil Konumu)
- List Style İmage(Liste Stil Resmi)
Color Definitions(Renk Tanımlamaları)
- Color Definitions(Renk Tanımlamaları)
- Gradient Renk Geçişleri
Border Features(Kenarlık Özellikleri)
- Border Radius(Kenarlık Ovalleştirme)
- Box Shadow(Kutu Gölgelendirme)
- Box Sizing(Kutu Ölçeklendirme)
Border Style(Kenarlık Stilleri)
- Border Style(Kenarlık Stilleri)
- Border Width(Sınır Genişliği)
- Border Color(Kenarlık Rengi)
Background Features(Arkplan Özellikleri)
- Background Color(Arkaplan Rengi)
- Background İmage(Arkplan Resmi)
- Background Position(Arkaplan Konumu)
- Background Size(Arkplan Boyutu)
- Background Attachment(Arkaplan Eki)
- Örnek Arkaplan Uygulaması
Multiple Column(Çoklu Kolon İşlemleri)
- Column Count(Sütun Sayısı)
- Column Gap(Sütun Boşluğu)
- Column Rule(Sütun Kuralı)
Display Kullanımı
- Display Visibility(Görünürlük)
- Display İnline Block(Satır içi Blok Görüntüleme)
Flexible Box(Esnek Kutu)
- Display:Flex Kullanımı
- Flex Direction(Esnek Yön)
- Flex Wrap Kullanımı
- Justify Content(İçerik Yaslama)
- Align Items(Öğeleri Hizalama)
- Align Items Center(Öğeleri Ortalama)
- Align Content(İçeriği Hizalama)
İlk Responsive Projemizi Kodluyoruz !
- Başlangıç
- Menü ve Logo Kısımlarının Kodlanması
- Resim ve Yazı Ekleme
- Animasyon İşlemleri
- Font Ekleme ve Düzenlemeler
- Hakkımızda Sayfasının Kodlanması
- İletişim Sayfasının Kodlanması
- Footer Bölümünün Kodlanması
- Web Projemizi Responsive(Duyarlı) Hale Getirme
