Gömülü stil yapılandırması

Bu sayfada basitçe bir html dosyasına stil bloğu oluşturmayı öğreneceksiniz.

Gömülü Stil Kullanımı

Gömülü stil sadece kullanıldıkları sayfadaki stilleri etkiler.

Gömülü stil sayfaları HTML belgesinin head bölümünde tanımlanır . Bölüm style içinde istediğiniz sayıda öğe tanımlayabilirsiniz .

Aşağıdaki örnek, stil kurallarının bir web sayfasına nasıl yerleştirildiğini gösterir.
<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        body { background-color: YellowGreen; }
		h1 { color: blue; }
        .blog{font-size:12px;}
        #link{font-size:11px;}
    </style>
</head>
<body>
    <h1>Hello World!<h1>
    <p class="blog">
        <a id="link" href="iletisim.php">İletisim</a>
    </p>

</body>
</html>

    

Günümüz web sitelerinde gömülü stil yapılandırması özel durumlar haricinde tercih edilmemektedir. Bu yapılandırma harici bir stil dosyasında tutulması önbellekleme özelliği ile birlikte sayfanın kb değerini düşüreceği için sayfanın yüklenme hızınıda olumlu etkileyecektir.

Bu yüzden özel bir gereklilik olmadığı sürece gömülü css kodu kullanmamaya özen gösterilmelidir.

E.Albayrak

0 Yorum

Soru & Yorum


Web Tasarım

Renkli Kare

Web Tasarım Ajansı