CSS = Cascading Style Sheets (Basamaklı Stil Şablonları)
HTML sayfalarına görsel açıdan zenginlik katmak için geliştirilmiş bir teknolojidir.
HTML sayfalarında CSS kodları çalıştırmak
1.Yöntem
<head> </head> etiketleri arasına
<link rel="stylesheet" type="text/css"
href="dosya_adi.css">satırını ekleyerek CSS kodlarını çalıştırabiliriz.
Örnek
css.html adında bir dosya oluşturalım. Ve içerisine aşağıdaki kodları ekleyelim.
<html>
<head>
<link rel="stylesheet" type="text/css" href="stil.css">
</head>
<body>
<h1>bilgisayar-muhendisleri.blogspot.com</h1>
</body>
</html>
stil.css adında bir dosya oluşturalım ve onun da içerisine aşağıdaki kodları ekleyelim.
<html>
<head>
<link rel="stylesheet" type="text/css" href="stil.css">
</head>
<body>
<h1>bilgisayar-muhendisleri.blogspot.com</h1>
</body>
</html>
css.html dosyasını çalıştırdığımızda arkaplanın mavi ve yazının beyaz olduğunu görüyoruz. Bunu CSS ile yaptık.
2.Yöntem
HTML sayfalarında head kısmının içerisinde<style>
</style>
etiketleri arasında CSS kodları çalıştırılabilir.
Örnek
Bir HTML dosyası oluşturalım ve içerisine aşağıda verdiğim kodları yazalım. Yukarıdaki örneği bu sefer tek bir html sayfası içerisinde yaptım.
<html>
<head>
<style>
body {background:blue;}
body h1 {color:white;font-size:24px;}
</style>
</head>
<body>
<h1>bilgisayar-muhendisleri.blogspot.com</h1>
</body>
</html>
0 yorum:
Yorum Gönder