CSS bir sayfaya 3 şekilde yüklenebilir: sayfadaki bir style
etiketle head
, harici bir CSS dosyasıyla ve etiketlerde satır içi. CSS, bir HTML sayfasına farklı şekillerde eklenebilir.
1: link
Etiketi kullanma
link
Etiketi, bir CSS dosyası dahil etmek yoludur. Bu, kullanılması amaçlanan CSS'yi kullanmanın tercih edilen yoludur: Sitenizin tüm sayfalarına bir CSS dosyası eklenir ve bu dosyadaki bir satırın değiştirilmesi sitedeki tüm sayfaların sunumunu etkiler.
Bu yöntemi kullanmak için, eklemek istediğiniz CSS dosyasına işaret eden niteliğe link
sahip bir etiket eklersiniz href
. Bunu head
sitenin etiketinin içine eklersiniz ( body
etiketin içine değil ):
<link rel="stylesheet" type="text/css" href="myfile.css">
rel
Ve type
onlar tür dosyanın biz bağlantı veriyor tarayıcıyı anlattığım gibi nitelikler de gereklidir.
2: style
etiketi kullanma
link
CSS'mizi içeren ayrı stil sayfalarına işaret etmek için etiketi kullanmak yerine , CSS'yi doğrudan bir style
etiketin içine ekleyebiliriz . Bu sözdizimidir:
<style>
...our CSS...
</style>
Bu yöntemi kullanarak ayrı bir CSS dosyası oluşturmaktan kurtulabiliriz. Bunun, CSS'yi ayrı bir dosyaya "biçimlendirmeden" önce denemenin veya yalnızca bir dosyaya özel bir CSS satırı eklemenin iyi bir yolu olduğunu düşünüyorum.
3: satır içi stiller
Satır içi stiller, bir sayfaya CSS eklemenin üçüncü yoludur. style
Herhangi bir HTML etiketine bir nitelik ekleyebilir ve buna CSS ekleyebiliriz.
<div style="">...</div>
Misal:
<div style="background-color: yellow">...</div>