Yazar: suat 20 Mart 2024
CSS (Cascading Style Sheets), web sayfalarının görünümünü ve düzenini kontrol etmek için kullanılan bir stil dilidir. HTML’in yapısını belirtirken, CSS görünümünü belirtir. CSS, metin biçimi, renkler, boyutlar, arka planlar, düzenler ve diğer görsel özellikler gibi birçok stil özelliğini kontrol etmek için kullanılır.
CSS, HTML içinde stil bilgilerini içerebileceğiniz veya ayrı bir .css uzantılı dosyada saklayabileceğiniz bir dizi kuraldan oluşur. CSS kuralları, bir seçici ve bir dizi özellik-değer çiftinden oluşur. Seçici, belirli HTML öğelerini veya sınıfları hedeflerken, özellik-değer çiftleri, bu öğelerin nasıl görüneceğini belirtir.
Örneğin, bir HTML paragrafını mavi renkli ve kalın olarak biçimlendirmek için şu CSS kodunu kullanabilirsiniz:
p {
color: blue;
font-weight: bold;
}CSS ayrıca HTML öğelerine sınıf veya kimlik ekleyerek daha spesifik seçicilerle çalışmayı da sağlar. Örneğin, sadece belirli bir sınıfa sahip paragrafları seçmek için:
HTML:
<p class="ozel">Bu paragraf özel bir sınıfa sahiptir.</p>CSS:
.ozel {
font-style: italic;
}CSS’nin kullanımı, web sayfalarını görünüş açısından daha estetik ve düzenli hale getirmek için önemlidir. Ayrıca, responsive web tasarımı ve tarayıcı uyumluluğunu sağlamak gibi daha karmaşık gereksinimleri karşılamak için CSS kullanılır.
Web tasarımında CSS, HTML ile birlikte kullanılır ve birlikte kullanılarak web sayfalarının tasarımı ve düzeni oluşturulur. CSS, belirli bir web sayfasının genel görünümünü merkezi olarak kontrol etmeyi sağlar, böylece bir değişiklik yapmak istediğinizde, tüm sayfalarda yapmanız gereken tek bir değişiklikle bu görünümü güncelleyebilirsiniz.