Wep sayfalarının hazırlamasın da ve Html sayfalarını biçimlendirme de kullanılan teknolojiye CSS denir.
p { color : red; }
seçici {
özellik :
alacağı değer }
Burada "p" seçici ile prağrafla başladık yazacağımız yazının renginin "Kırmızı" olmasını istedik.
p{
color:red;
font-size:12pt;
text-decoration:underline;
}
Burada yazının "12"pt büyüklükte renginin "kırmızı" olmasını ve yazının altının çizilmesini istedik.
<p style="color:red;">tr-full.com</p>
tr-full.com yazdığımız yazı kırmızı olacak
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style>
p{
color:red;
text-decoration:underline;
}
</style>
</head>
<body>
<p>TR-FULL</p>
</body>
</html>
Sayfa içerisin de
CSS kodlarını yurıdaki örnekde ki gibi kullanabiliriz. Burda önemli olan
<head></head> etiketleri arasına
<style></style> ler arasına CSS kodlarını eklemek
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="stil.css"/>
</head>
<body>
<p>TR-FULL.COM</p>
</body>
</html>
Bunu
index.html dosyası içerisinde harici bir stil dosyası oluşturarak bunun uzantısını
.css olarak belirleriz.
"link" etiketi içerisinde kullandığımız
"href" özelliği dosyanın yolunu belirler.
p{
color:blue;
text-decoration:underline;
}
Bunu da
stil.css dosyası içerisine yerleştiririz.
Linkback:
CSS Nedir?