"Geleceğe atılan doğru bir adım..."
Bilgi Eğitim Bilgisayar Kursu Ders Notları

Web Tasarım Kursu - Bağlantılı CSS kullanımına örnek

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>