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; }