CSS Tanıtımı

Gerekli temel bilgiler

Devam etmeden önce, aşağıdaki bilgilerin temel bir anlayışına sahip olmanız gerekmektedir:

  • HTML
  • XHTML

Bu projeleri öncelikle öğrenmek istiyorsanız, Ana Sayfa İlgili derslere erişmek için buraya tıklayın.

CSS Özeti

  • CSS, katmanlı stil tabloları anlamına gelir (Cascading Style SSheets)
  • Stil tanımlarıNasıl görüneceğini HTML elementi
  • Stiller genellikleStil tablolarıİçinde
  • HTML 4.0'ya stil eklenmesi,İçerik ile performansın ayrılmasını çözmek
  • Harici stil tablosuÇok büyük ölçüde iş verimliliğini artırabilir
  • Harici stil tabloları genellikle CSS dosyasıİçinde
  • Çok sayıda stil tanımıKatmanlıBir

Stil, yaygın bir sorunu çözmüştür

HTML etiketleri, belge içeriğini tanımlamak için tasarlanmıştır. <h1>, <p>, <table> gibi etiketlerin kullanımıyla, HTML'nin amacı 'Bu başlık', 'Bu paragraf', 'Bu tablo' gibi bilgileri ifade etmektir. Aynı zamanda, belge düzeni tarayıcı tarafından tamamlanır ve formatlama etiketleri kullanılmaz.

İki ana tarayıcı (Netscape ve Internet Explorer) sürekli olarak yeni HTML etiketleri ve özellikleri (örneğin, font etiketi ve renk özellikleri) HTML normlarına eklemişlerdir, bu da belge içeriğinin belge performans katmanından bağımsız olarak net bir şekilde oluşturulmasının giderek zorlaşması anlamına gelir.

Bu sorunu çözmek için, kâr amacı gütmeyen bir standartlaştırma birliği olan World Wide Web Consortium (W3C), HTML standartlarını standardize etmek için misyonunu üstlenmiş ve HTML 4.0'nın dışında stil (Style) yaratmıştır.

Tüm popüler tarayıcılar, katmanlı stil tablolarını destekler

Stil tabloları, iş verimliliğini büyük ölçüde artırır

Stil tabloları, HTML 3.2'deki font etiketi ve renk özelliklerinin oynadığı rolü benzer şekilde, HTML elementlerinin nasıl görüneceğini tanımlar. Stiller genellikle harici .css dosyalarında saklanır. Sadece basit bir CSS belgesini düzenlemekle, harici stil tabloları, sitedeki tüm sayfaların düzeni ve görünümünü aynı anda değiştirmenize olanak tanır.

Birden fazla sayfa tasarımı ve biçimi aynı anda kontrol edilmesine izin verdiği için, CSS, WEB tasarım alanında bir atılım olarak kabul edilebilir. Web geliştiricisi olarak, her HTML elementine stil tanımlayabilir ve bunu istediğiniz her sayfaya uygulayabilirsiniz. Genel bir güncelleme yapmak için, sadece stili değiştirmeniz yeterlidir ve web sitesindeki tüm elementler otomatik olarak güncellenecektir.

Çoklu stil katmanlanarak birleştirilir

Stil tabloları, stil bilgilerini çeşitli şekillerde belirlemek için izin verir. Stiller, tek bir HTML elementinde, HTML sayfasının baş etiketi içinde veya harici bir CSS dosyasında belirlenebilir. Ayrıca, aynı HTML belgesi içinde birden fazla harici stil tablosu referans edilebilir.

Katmanlama Sırası

Aynı HTML elementi birden fazla stil tanımı ile tanımlandığında hangi stili kullanacaktır?

Genel olarak, tüm stiller aşağıdaki kurallara göre yeni bir sanal stil tablosunda katmanlanır,其中数字 4 en yüksek önceliğe sahiptir.

  1. Tarayıcı varsayılan ayarları
  2. Harici stil tablosu
  3. İç stil tablosu (<head> etiketi içinde)
  4. İç bağlama stilleri (HTML elementi içinde)

Bu yüzden, iç bağlama stilleri (HTML elementi içinde) en yüksek önceliğe sahiptir, bu da onun <head> etiketi içindeki stiller, harici stil tabloları içindeki stiller veya tarayıcı içindeki stiller (varsayılan değer) ifadelerine öncelik verir.