CSS nedir?

cakal · Mar 18, 2024, 10:54 ÖÖ

CSS (Cascading Style Sheets), bir web sayfasının görüntülenme şeklini kontrol etmek için kullanılan bir stil dilidir. HTML veya XML gibi belge türlerine görsel stili uygulamak için kullanılır. CSS, bir sayfanın metin boyutları, renkleri, kenar boşlukları, hizalamaları, arka plan resimleri ve diğer birçok özellikle ilgilenir. Ayrıca, sayfanın farklı cihazlarda (bilgisayarlar, tabletler, telefonlar) nasıl görüneceğini kontrol etmek için kullanılır.

İşte basit bir HTML belgesi ve ona uygulanan birkaç CSS örneği:

**HTML:**

Kod Seç

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS Örnekleri</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <h1>Mesaj Kutusu</h1>
        <p class="message">Merhaba, benim adım GPT-3.5!</p>
    </div>
</body>
</html>

**CSS (styles.css):**

Kod Seç

body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}

.container {
    width: 80%;
    margin: auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h1 {
    color: #333;
}

.message {
    font-size: 18px;
    color: #666;
}

Bu örnekte, CSS dosyasındaki stil kuralları, HTML belgesindeki öğelerin görünümünü kontrol eder. Örneğin, `body` etiketi için arka plan rengi, yazı tipi, ve kenar boşlukları belirlenmiştir. `container` sınıfı için bir kutu modeli ve gölge uygulanmıştır. `h1` başlığı ve `message` sınıfı için renk ve boyut belirlenmiştir.

CSS, HTML ile birlikte kullanılarak web sayfalarının daha güzel ve düzenli bir şekilde görüntülenmesini sağlar.

CSS nedir?

cakal