CSS, bir İnternet kaynak sayfasında görsel öğeler oluşturmak için kullanılan basamaklı bir stil sayfasıdır. CSS'de belirtilen nesnelerin oluşturulması, HTML işaretleme dilinde uygulanır. Basamaklı tabloların kendileri tek başına kullanılamaz.
CSS'yi kullanma
CSS, HTML biçimlendirme öğelerinin oluşturulmasını uygulayan bir stil dilidir. Basamaklı tablolar, HTML'de değiştirilemeyen seçenekleri özelleştirmenize olanak tanır. Örneğin, stil dilini kullanarak yazı tipi stilini, rengini düzenleyebilirsiniz. CSS, kenar boşluklarını, çizgileri, dolguyu, genişliği, konum öğelerini ayarlamanıza ve "saf" HTML kullanarak uygulanması imkansız olan bu parametrelerin çıktısını gerçekleştirmenize olanak tanır.
Basamaklı stil sayfaları hemen hemen tüm tarayıcılar tarafından desteklenir ve hemen hemen her web kaynağında kullanılır. Belirli bir dil kullanarak içeriğin görüntülenmesini kontrol ederler ve farklı ortamlar için öğelerin görüntülenmesini kontrol etmenize olanak tanırlar.
HTML, yalnızca bir sayfanın metnini yapılandırmanın bir yolu olarak kullanılıyorsa, CSS, görüntülenen içeriğin görünümünü özelleştirmenize olanak tanır.
CSS sözdizimi ve HTML koduna dahil edilmesi
Bir sayfa tasarlarken, HTML araçları yerine CSS kullanmak tercih edilir. Gerçek şu ki, HTML başlangıçta öğelerin rengini düzenlemek için araçlara sahip değildi ve renk ve görüntüleme parametrelerini ayarlamak için tasarlanmamıştı ve bu nedenle bir tasarım oluşturmak için HTML tanımlayıcılarının kullanılması bazı web geliştiricileri tarafından yanlış kabul edilebilir.
CSS, HTML'den farklı bir sözdizimine sahiptir ve etiketler aracılığıyla sayfa koduna dahil edilir. Parametre etiketini kullanarak ayrı bir dosyadaki CSS kodunu da entegre edebilirsiniz:
CSS kodunun kesinlikle uyulması gereken belirli bir sözdizimi vardır, aksi takdirde oluşturulan stiller sayfada görüntülenmez. CSS kodunun bir bölümü 3 ana öğeye ayrılabilir: seçici, özellik ve değer. Bu maddeler şu şekilde yazılır:
seçici {özellik: değer; }
Seçici, oluşturulan görüntüleme kuralının uygulanacağı tanıtıcıyı belirtir. Özellik parametresi, öğenin düzenlenebilir yönünü tanımlar ve değer, özellik için karşılık gelen seçeneği tanımlar. Örneğin, ikinci düzey başlıktaki rengi değiştirmek için
HTML, aşağıdaki kodu uygulayabilirsiniz:
h2 {renk: kırmızı; }
Bu kod, metin rengini ikinci düzey başlık tanımlayıcısında bulunan kırmızıya ayarlar.
CSS, standart HTML renk tablosunu kullanır.
Etiketleri kullanmanın yanı sıra dahili etiketleri de kullanabilirsiniz. Örneğin:
Başlık
Bu kod, CSS parametrelerinin kendilerinin düzenleme için gereken tanımlayıcının içinde ayarlanması farkıyla, yukarıda açıklananla aynıdır.