css-ba-langi

Bir tarayıcı bir stil sayfası okuduğunda, HTML belgesini stil sayfasındaki bilgilere göre biçimlendirecektir.

Sayfa icinde kullanılması
<style>
body {
background-color: lightblue;
}

h1 {
color: navy;
margin-left: 20px;
}
</style>
<head> Tagı arasına koyulan bu kod doğrudan body ve h1 tagını etkılıcekdır .
Arkaplan rengı body CSS kodu verıldı
h1 CSS kodu renk ve soldan 20px olcak sekılde uzaklastırıldı.

Not: Mülk değeri ile birim arasında boşluk bırakmayın (örn. margin-left: 20 px;). Doğru yol:margin-left: 20px;

Satır içinde
<h1 style="color:blue;margin-left:30px;">Başlık</h1>
h1 Tagı yazıyı renk ve soldan uzaklasdırdı.

İki örneği inceleyin :
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style>
h1 {
color: orange;
}
</style>
</head>

<head>
<style>
h1 {
color: orange;
}
</style>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

Dikkat etmisseniz link önce ve sonrası seklınde verıldı sonuc ne mi
Sonraki kod gecerli olur yani ilk kod da h1 turuncu ikinci kod da ne tanınmıssa o durumu alcakdır