Web Tasarım CSS Stil Şablonları
Web tasarım da CSS kodlarımız her zamantagları arasında,tagı ile biter. Bu ikisi arasında kodlar yer alır, en son tag kodlamayı burada bitir, / karakteri ise yine sonlandır anlamına gelir. CSS 3 farklı kullanımda karşımıza çıkar. Bunların ilki yerel kullanımlar. Yerel kullanımda yalnız bir defaya mahsus yerel taglar kullanmak içindir. Örnek verelim;
<html>
<head>
<title>Yazınız</title>
</head>
</body >
<h3>Yazınız</h3><br>
<h3 style=font-size:12pt; > Yazınız
<body>
</html>
Yukarıdaki kodu metin sayfasına kaydedip uzantıyıda .html olarak ayarladığınızda web tarayıcısından açıp html modundaki tagları görürüz ancak iki yazıda da h3 tagı kullandığımız halde; ikisi farklıdır, bunun nedeni ikinci yazıda yerel kullanım şablonu eklediğimiz içindir. web tasarım yaparken ikinci css kullanım ise; Global kullanımdır. Kısaca tüm sayfa için ve sayfadaki tagların belirtilen özellikte olması için kullanılır. Bu şu demek oluyor; eğer sayfamızda h1 tagı kullanmışsa bu tüm yazıların h1 tagında görüntüleneceği anlamına gelir.
<html>
<head>
<title>Örnek</title>
<style [FONT]type=”text/css”[FONT]>
<!– h2 {font-size:20pt; color:blue} –>
</style>
</head>
<bOdy>
<h2>Yazınız</h2>
<h2>Yazınız</h2>
</bOdy>
</html>
yukarıdaki örnekte bir birlerinden bağımsız iki tane h2 tagı kullandığımız halde, “Yazınız” metin karakteri, kodu bir not defterine alıp uzantıyı .html olarak kaydettiğinizde, ikisininde aynı olduğunu görürsünüz. h2 tagını sayfamızda nerede kullanırsak kullanalım puntomuz değişmeyecektir.
Üçüncüsü ise bağlantılı kullanım css’dir. Bu kullanım birden çok sayfalarda , bir çok sayfanın aynı olması istenilen yerlerinde kullanılır. Bu tür diğerlerinden daha farklı olarak; html sayfa içerisinde değil, farklı uzantılı css sayfalarında yapılır. Yani, web tasarım için <head></head> etiketleri içine yazılan,<link rel=”stylesheet”type=”text/css” href=”dosyaismi.css”> koduyla bağımsız css dosyasında yaptığımız işlemlerle sayfamızda düzenleme yapabiliriz.
Bir yanıt bırakın