CSS ve HTML Dersleri | Dreamweaver Kurulumu | CSS Programlama Dersleri
Bu dersimizde de kutu doğrultusunda CSS öğrenmeye devam edeceğiz ama artık özelleştirme fonksiyonlarını biraz daha düzenli olarak yazacağız.
"class" etiketi bir kutucuk ya da bir buton gibi araçların içine yazılır. Bu etiketin içine gireceğimiz değer ile araçlarımızı özelleştirebileceğiz.
Bu etiketin içine değer girdikten sonra "<head>" bölümünün içine "<style>" etiketini ekliyoruz. Bu etiket bizim araçlarımızı özelleştirebileceğimiz yer olacak.
"<style>" etiketi kapanmak zorundadır.
"class"ın içine girdiğimiz değerin başına nokta koyup "style" etiketinin içine yazıyoruz ve her bir değer için süslü parantez oluşturup kapıyoruz.
her özellikten sonra noktalı virgül koymak zorundayız.
Çok kullandığımız etiketlerde nokta ve class kuralı geçerli değil.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Ders</title>
<style type="text/css">
.kutu{
width:300px;
height:300px;
background:#000000;
margin:40px auto 0px auto;
}
h1{
font:30px bold tahoma;
text-align:center;
}
</style>
</head>
<body class="bg">
<h1>DENEME</h1>
<div class="kutu" ></div>
</body>
</html>