Harici CSS stil sayfamı HTML belgeme nasıl bağlarım?

cakal · Mar 18, 2024, 11:02 ÖÖ

Harici bir CSS dosyasını HTML belgenize bağlamak için `<link>` etiketini kullanabilirsiniz. Bu işlem, HTML belgenizin `<head>` bölümü içinde gerçekleştirilir. İşte bir örnek:

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>Harici CSS Bağlama</title>
    
    <!-- Harici CSS dosyasını bağlama -->
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Sayfa içeriği buraya gelecek -->
</body>
</html>

Yukarıdaki örnekte, `<link>` etiketi kullanılarak `styles.css` adlı harici CSS dosyası bağlanmıştır. Bu dosya, HTML belgesindeki stil kurallarını içerecek ve sayfanın görünümünü kontrol edecektir.

`href` özelliği, bağlanacak olan dosyanın yolunu belirtir. Bu yol, dosyanın konumuna göre mutlak veya göreceli olabilir. Eğer CSS dosyanız aynı dizinde ise sadece dosyanın adını belirtebilirsiniz. Aksi takdirde, dosyanın yolu doğru şekilde belirtilmelidir.

Bu yöntem sayesinde, aynı CSS dosyasını birden fazla HTML belgesinde kullanabilir ve stil değişiklikleri yaparken tek bir dosyayı güncellemeniz yeterli olacaktır.

Harici CSS stil sayfamı HTML belgeme nasıl bağlarım?

cakal