CSS Nedir?

Coddy'nin HTML Journey'sinin Styling with CSS bölümünün bir parçası. Ders 1 / 76.

CSS, web sayfalarını biçimlendirmek için güçlü ve temel bir dildir; görsel açıdan çekici ve iyi tasarlanmış web sitelerini kolayca oluşturmanıza olanak tanır.

İçeriğinizi hayata geçirmek için HTML ile el ele çalışır; düz metinleri ve öğeleri güzel, ilgi çekici düzenlere dönüştürür.

CSS ile web sitenizin renkler ve yazı tiplerinden aralık ve konumlandırmaya kadar her yönünün görünümünü kontrol edebilirsiniz.

Görev

Kolay

CSS'teki ilk kodunu çalıştırmak için kodu çalıştır düğmesine bas.

Bonus: paragrafın color değerini değiştirmeyi dene! Bunun nasıl yapılacağını fark edebiliyor musun?

Kendin dene

<html>
  <head>
    <style>
      p {
        color: blue;
      }
    </style>
  </head>
  <body>
    <p>Hello CSS!</p>
  </body>
</html>

Kendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Styling with CSS bölümündeki tüm dersler

1Giriş

CSS Nedir?CSS Sözdizimi CSS Yorum Satırları Head Etiketi Title Etiketi

4Metin Temelleri

Metin Rengi Yazı Tipi Ailesi Yazı Tipi Boyutu Yazı Tipi Kalınlığı Metin Hizalama Metin Süsleme Tekrar Görevi #1 Tekrar Görevi #2

7Kutu Modeli Bölüm 1

Kutu Modeli Nedir?Padding Margin Kenarlıklar Genişlik ve Yükseklik Özet Meydan Okuması

10Giriş Formu

Gövde Form Kapsayıcısı

Input

Buton

13Tonga Web Sayfası

Gezinme Menüsü Karşılama Başlığı

2CSS Ekleme

Satır İçi CSS Dahili CSS Harici CSS Temel Stil Verme Mücadelesi

5Renkler ve Arka Planlar

Arka Plan Rengi HEX Renkleri RGB Renkleri RGBA ile Şeffaflık Tekrar Görevi #1

8Kutu Modeli Bölüm 2

Kutu Boyutlandırma Kenarlık Yarıçapı Taşma Kutu Gölgesi Tekrar Meydan Okuması

11Yerleşim Teknikleri

Block ve Inline Öğeler Konumlandırma Temelleri Relative Konumlandırma Absolute Konumlandırma Fixed Konumlandırma Z-Index Temelleri Özet Meydan Okuması

14Son Meydan Okumalar

Öğeleri Düzenle Film Listesi Düğün Davetiyesi Yüzen Bildirim

Kendi başına pratik yap: Web playground