CSS Tanıtımı

CSS nedir?

  • CSS katmanlı stil tablosu* (Cascading Style Sheets)
  • CSSHTML elementlerinin ekran, kağıt veya diğer medyada nasıl görüntüleneceğini açıklar
  • CSS Çok fazla çalışmayı tasarruf ettisayfaların yerleşimini aynı anda kontrol edebilir
  • Dışarıdan alınan stiller CSS DosyasıOrta

*:Ayrıca sınırlı stil tablosu olarak da bilinir.

CSS Gösterisi - Bir HTML Sayfası - Çoklu Still!

Aşağıdaki HTML sayfası dört farklı stil tablosuna sahiptir. Aşağıdaki stil tablosu bağlantılarına tıklayarak farklı stilleri görmek için tıklayın:

CSS neden kullanılır?

CSS web sayfalarının stillerini, farklı cihazlar ve ekran boyutları için tasarım ve yerleşim içerir.

CSS Örnekleri

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

Kişisel olarak deneyin

CSS büyük bir sorunu çözdü

HTML asla web sayfasını biçimlendirmek için etiketler içermek niyetinde değildi!

HTML oluşturmanın amacıWeb sayfasını tanımlamakörneğin:

<h1> Bu bir başlıktır. </h1>
<p> Bu bir paragraftır. </p>

<font> gibi etiketlere ve color özelliklerine HTML 3.2 normuna eklenmesi sonrasında, Web geliştiricilerinin kabusu başladı. Büyük web sitelerinin geliştirilmesi, her sayfaya yazı ve renk bilgisi eklemek, bu uzun ve pahalı bir süreç haline geldi.

Bu sorunu çözmek için, Dünya Çapında Ağ Konseyi (W3C) CSS oluşturmuştur.

CSS, HTML sayfalarından stil formatını kaldırmıştır!

HTML'nin ne olduğunu bilmiyorsanız, okumak için tavsiye edilir HTML Eğitimi.

CSS çok işi kolaylaştırır!

Stil tanımları genellikle dışarıda tutulan .css dosyasında saklanır.

Dış tarz dosyası dosyasını kullanarak, tüm web sitesinin görünümünü değiştirmek için sadece bir dosyayı değiştirmeniz yeterlidir!