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

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ı

Sırada Ne Var?

CSS preprocessors (SASS/SCSS), CSS Frameworks ve daha fazla responsive tasarım teknikleri...