Temel Stil Verme Mücadelesi

Coddy'nin HTML Journey'sinin Styling with CSS bölümünün bir parçası — ders 9 / 76.

Görev

Kolay

Size bir başlık (<h1>) ve bir paragraf (<p>) içeren bir HTML belgesi verilmiştir. Göreviniz, satır içi (inline), dahili (internal) ve harici (external) CSS kombinasyonunu kullanarak bu öğeleri stillendirmektir. Aşağıdaki adımları izleyin:

<h1> başlığının metin rengini blue yapmak için satır içi CSS kullanın.
body arka plan rengini lightgray ve paragrafın (<p>) yazı tipi boyutunu 16px yapmak için dahili CSS kullanın.
Paragrafın (<p>) metin rengini red yapmak için styles.css adlı verilen harici CSS dosyasını kullanın.
<link> etiketini kullanarak harici CSS dosyasını HTML belgesine bağlayın.

Kendin dene

<html>
<head>
    <title>Basic Styling Challenge</title>
    <style>
        body {
            background-color: white;
        }
        p {
            font-size: 12px;
        }
    </style>
    <!-- Harici CSS dosyasını buraya bağlayın -->
</head>
<body>
    <h1 style="color: red;">This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>