css html kodları içinde kullanılır
head bloğu arsında istediğin taglara stil vererek kullanırsın, bu stillerin neler olduğunu araştırıp öğrenmen lazım.
head arasında örnek kullanımlar:
1-(class)
<head>
.haberlink { display:block;
background-color:#f1f1f1;
border:1px solid #CCC;
padding:0px;
margin:0px;
text-decoration:none;
width:395px;
height:68px;}
</head>
<body>
<div class="haberlink"></div>
</body>
2-(id)
<head>
#header {
width:1024;
height:420px;
margin:auto;
padding:0px;
background-image:url(imagess/header_bg.jpg);
background-repeat:repeat-x;
float:none;
position:relative;
}
</head>
<body>
<div id="header"></div>
</body>
3- body {
margin:auto;
background-color:#fff;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family:Arial, Helvetica, sans-serif;
}Not: Burada verilen css özellikleri body ye verildiği için bütün body kısmını etkiler.Ayrıca body kısmında belirtmeye gerek yoktur.
Kendini eğitmen için hazır site yerine kendi yaptığın tasarımı css ile oturtmaya çalışman daha iyi olur bence.
Baştan sona css tasarımın nasıl yapılacağını internetten eğitim setlerini (görsel, yazılı) araştıp ve inceleyerek anlayabilirsin
-body arasında da html etiketlerinde kullanılılabilir
örnek:
<div style="width:250px; height:20px; position:relative; float:right; margin-top:25px; ">
<h6 style="font-style:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-left:0px; margin-right:0px; margin-top:15px; color:#333; font-weight:normal;">
</h6>
</div>