CSS Nedir? Nasıl Kullanılır?
1.3 Bağlantılı Stil Şablon
Global stil şablonu ise sitemiz içerisindeki tüm sayfalarda aynı stil özelliklerini kullanmak istediğimizde kullanırız. Şöyleki;
Her zaman olduğu gibi stillerimizi yukarıda örneklerini verdiğimiz şekilde hazırlarız. Fakat bunu html dosyamızın içerisinde değil de boş bir sayfaya yazarız. Sonra onu kaydederken css uzantılı bir şekilde kaydederiz. Ardından da html dosyamızın içerisine yine <head> </head> etiketleri arasına <link rel="stylesheet" type="text/css" href="dosya_ismis.css"> şeklinde ekleriz.
Şimdi hemen bir örnek verelim.
| h1 {font-size:13pt; color:green} h2 {font:20pt; color:blue} h3 {font-size:15pt; color:red} |
Bu dosyamızı stil.css olarak kaydedelim.
Şimdi de html dosyamıza gelelim. Html dosyamızın kodları da şu şekilde olmalıdır.
| <html> <head> <title>Css</title> <link rel="stylesheet" type="text/css" href="stil.css"> </head> <body> <h1>Tahribat.Com</h2> <h2>Tahribat.Com</h2> <h3>Tahribat.Com</h2> </body> </html> |
Html dosyasının kodları arasında geçen <link rel="stylesheet" type="text/css" href="stil.css"> kodu stil.css dosyasındaki stil özelliklerini kullanmamızı sağlar. Bu kodu istediğimiz diğer html dosyalarına da eklediğimizde orada da kullanabiliriz.
Böylelikle her sayfada stil özellikleri tanımlamamış, başlangıçta tanımladığımız stil özelliklerini kullanarak hem koddan tasarruf etmiş oluruz hem de paradan :)
renegadealien-www.tahribat.com-Her hakkı saklıdır.
Hit: 5632
Yazar: renegadealien