CSS nedir?

CSS'in ne olduğunu, HTML'den neyi ayırdığını ve bir sayfayı nasıl biçimlendirdiğini öğrenirsin.

CSS nedir?

CSS, Cascading Style Sheets kısaltmasıdır. Bir programlama dili değil, bir biçimlendirme dilidir. Görevi HTML ile yazılmış sayfanın nasıl görüneceğini tarif etmektir: renkler, yazı tipleri, boşluklar, yerleşim.

Tarayıcı HTML'i okur, karşısına çıkan CSS bildirimlerini uygular ve sonucu ekranda çizer. Aynı HTML belgesi, farklı CSS ile bambaşka görünebilir.

HTML yapı, CSS biçim

HTML sayfanın yapısını kurar: başlıklar, paragraflar, bağlantılar, görseller. CSS aynı sayfanın biçimini belirler: renk, boyut, hizalama, boşluk.

Örneğin body etiketi tüm sayfayı sarar. CSS ile body seçicisine bir renk verirsin; tüm sayfa o rengi alır. Bu ayrım iki dosya tutmanı sağlar: HTML'i içerik için, CSS'i görünüş için düzenlersin.

Stil sayfası

CSS bildirimleri bir araya gelerek bir stil sayfası (stylesheet) oluşturur. Bu, sonu .css ile biten düz bir metin dosyasıdır; satırlarca seçici ve bildirim içerir.

Tek bir stil sayfası yüzlerce sayfayı biçimleyebilir. Dosyayı bir kez değiştirirsin, sitedeki tüm sayfalar aynı anda güncellenir. Bu, sitenin tutarlı kalmasını kolaylaştırır.

Uygulama Body için renk tanımla

Bir body seçicisi yaz ve içine color: #333 bildirimini ekle. Bu, sayfadaki tüm metnin koyu gri olmasını sağlar.

Örnek çözümü göster

/* body biçimini ekle */
body {
  color: #333;
}

Kendini test et

CSS aşağıdakilerden hangisini belirler?
```
body {
  color: navy;
  font-family: sans-serif;
}
```
- Sayfanın yapısını ve içeriğini
- Sunucu ile veri alışverişini
- Sayfanın görünüşünü ve biçimini
- Veritabanı sorgularını
Cevabı göster

Sayfanın görünüşünü ve biçimini — Doğru. CSS renk, yazı tipi, boşluk gibi biçim özelliklerini belirler.
Terimleri anlamlarıyla eşleştir

CSS

Biçimlendirme dili
HTML

İşaretleme dili
Stil sayfası

.css dosyası
Tarayıcı

Kodu ekrana çizer

Sayfanın gövdesini seç

____ {
  color: #333;
  line-height: 1.5;
}

Cevabı göster

body {
  color: #333;
  line-height: 1.5;
}

Sıradaki ders: CSS'i HTML'e bağlama

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler