Dış Stil Yapılandırması

Stiller birçok html sayfasında kullanıldığı için oluşturduğunuz dosyayı import etmeniz en mantıklı yöntemdir. 

Harici bir stil sayfası, sitenizdeki herhangi bir HTML belgesinden bağlayabileceğiniz tüm stil kurallarını ayrı bir belgede tutar. Harici stil sayfaları en esnektir, çünkü harici stil sayfasıyla, yalnızca bir dosyayı güncelleyerek tüm web sitesinin görünümünü değiştirebilirsiniz.

Harici stil sayfalarını iki şekilde ekleyebilirsiniz - bağlama ve içe aktarma :

Harici Stil Sayfalarını Bağlama
Harici bir stil sayfası etiketi kullanılarak bir HTML belgesine bağlanabilir .

<!--Çalışma sayfanızın head bölümüne oluşturduğunuz css dosyasını ekleyebilirsiniz.-->
<head>
    <link rel="stylesheet" href="css/style.css">
</head>

<!-- style dosyanızın içine oluşturduğunuz css dosyalarını import edebilirsiniz-->
@import url("css/layout.css");
@import url("css/color.css");
body {
    color: blue;
    font-size: 14px;
}

Bu iki yöntemde aynı stiller birbirini etkisiz kılar. head kısmında eklediğiniz css dosyalarının içinde benzer stiller varsa son eklenen dosyadaki stil geçerli olacaktır.Stil yapılandırmanızı Bootstrap gibi kütüphane dosylarından sonra çağırmanız bu yüzden önemlidir. 

E.Albayrak

0 Yorum

Soru & Yorum


Web Tasarım

Renkli Kare

Web Tasarım Ajansı