Stiller Nasıl Kullanılır?
Bir tarayıcı bir stil dosyasını okumaya başladığı zaman HTML dökümanını
ona göre biçimlendirir. Stil dosyalarını eklemenin üç yolu vardır.
Harici Stil Dosyası
Harici bir stil dosyası her zaman daha iyidir. Çünkü sadece .css
dosyasının içerisinde değişiklik yaparak tüm sitenin görünümünü
değiştirebilirsiniz. Her sayfa stil dosyasına <link> etiketi ile
bağlanmalıdır. <link> etiketi <head>..</head>
içerisinde tanımlanmalıdır.
<head>
<link rel="stylesheet" type="text/css"
href="mystyle.css">
</head>
Dahili Stil Dosyası
Eğer sadece bir HTML dökümanı içerisinde stil uygulanacaksa bu yöntem
kullanılabilir.
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
Satır İçi Stiller
Tek bir öğeye uygulanacağı zaman kullanılır.
<p style="color: red; margin-left: 20px">
Bu bir paragraf.
</p>
Bir tarayıcı bir stil dosyasını okumaya başladığı zaman HTML dökümanını
ona göre biçimlendirir. Stil dosyalarını eklemenin üç yolu vardır.
Harici Stil Dosyası
Harici bir stil dosyası her zaman daha iyidir. Çünkü sadece .css
dosyasının içerisinde değişiklik yaparak tüm sitenin görünümünü
değiştirebilirsiniz. Her sayfa stil dosyasına <link> etiketi ile
bağlanmalıdır. <link> etiketi <head>..</head>
içerisinde tanımlanmalıdır.
<head>
<link rel="stylesheet" type="text/css"
href="mystyle.css">
</head>
Dahili Stil Dosyası
Eğer sadece bir HTML dökümanı içerisinde stil uygulanacaksa bu yöntem
kullanılabilir.
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
Satır İçi Stiller
Tek bir öğeye uygulanacağı zaman kullanılır.
<p style="color: red; margin-left: 20px">
Bu bir paragraf.
</p>