CSS'e İlk Adım
HTML ile yapıyı oluşturduktan sonra, sayfamın biraz renksiz ve düzensiz göründüğünü fark ettim. CSS öğrenme yolculuğum işte böyle başladı...
Öğrendiğim İlk CSS Özellikleri
.my-first-class {
color: #333333;
font-size: 16px;
margin: 20px;
padding: 15px;
border-radius: 5px;
background-color: #f5f5f5;
}
Box Model Kavramı
CSS Box Model, her HTML elementinin etrafındaki margin, border, padding ve content alanlarından oluşur. Bu kavramı anlamak, sayfa düzenini kontrol etmekte çok önemli.
Renk Seçimi ve Tipografi
#2c3e50
#e74c3c
#3498db
Renk paleti oluşturmak ve uyumlu renkler seçmek, tasarımın en önemli parçalarından biri. İşte renk teorisi hakkında öğrendiklerim...
Flexbox ve Grid ile Sayfa Düzeni
Flexbox Örneği
.container {
display: flex;
justify-content: space-between;
align-items: center;
}
Öğrendiğim Dersler
- CSS seçicilerin öncelik sırası
- Responsive tasarım temelleri
- CSS değişkenlerinin kullanımı
- CSS animasyonları