Bağlantılı Stil Şablon
Global stil şablonu, sitemiz içerisindeki tüm sayfalarda aynı stil özelliklerinikullanmak istediğimizde kullanırız. Uygularken, stillerimizi yukarıda örnekleriniverdiğimiz şekilde hazırlarız. Fakat bu stil listesini html dosyamızın içerisinde değil deboş bir sayfaya yazarız ve css uzantılı bir şekilde kaydederiz. Ardından da htmldosyamızın içerisine yine <head></head> etiketleri arasına
<link rel="stylesheet"type="text/css" href="dosya_ismi.css"> şeklinde ekleriz.
h1 {
font-size:13px;
color:#F00;
}
h2 {
font:15px;
color:#00F
}
h3 {
font-size:14px;
color:#0F0;
}
Yukarıda verilen örnekteki dosyayı css klaörü içine stil.css olarak kaydededip, html dosyamıza geçelim. Html dosyamızın kodları:
Örnek:
<html>
<head>
<title>Css</title>
<link rel="stylesheet" type="text/css" href="css/stil.css">
</head>
<body>
<h1>Bilgiegitim - CSS Eğitimi</h2>
<h2>Bilgiegitim - CSS Eğitimi</h2>
<h3>Bilgiegitim - CSS Eğitimi</h2>
</body>
</html>