22 Ocak 2013 Salı

CSS nedir ? CSS'e giriş

Leave a Comment


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>
If You Enjoyed This, Take 5 Seconds To Share It

0 yorum: