index
<html>
<head>
<title>ilk projemiz</title>
<link rel="stylesheet" type="text/css" href="kutuphane/css/style.css" />
</head>
<body>
<div class="cerceve">
<div class="ust">
<div class="logo">
<a href="index.html">
<img src="kutuphane/resim/logo.jpg" alt="sitemizin logosudur." />
</a>
</div><!-- logo DIV kapanıs -->
<div class="menu1">
<ul>
<li><a href="index.html"> anasayfa</a></li>
<li><a href="#">köpekler</a></li>
<li><a href="#">golden retriever</a></li>
<li><a href="#">çin aslanı</a></li>
</ul><!-- ul kapanıs-->
</div><!-- menu1 div kapanıs-->
</div><!-- ust DIV kapanıs -->
<div class="orta">
<div class="ortablok1">
<ul>
<li><a href="yusuf.html"> yusuf </a></li>
<li><a href="mehmet.html"> mehmet </a></li>
</ul>
</div><!--ortablok1 div kapanıs-->
<div class="ortablok2">
</div><!--ortablok2 div kapanıs-->
<div class="ortablok3">
</div><!--ortablok3 div kapanıs-->
</div><!-- orta dıv kapanıs-->
</div><!-- cerceve DIV kapanıs -->
</body>
</html>
css
.cerceve{width:990px; overflow:hidden; margin:0px auto;}
.ust{width:990px; height:120px;}
.logo{width:250px; height:120px; float:left;}
.logo a img{width:250px; height:120px;}
.menu1{width:520px; height:40px; float:right;}
.menu1 ul{width:520px; height:25px;}
.menu1 ul li{float:left; margin-right:10px; list-style:none}
.menu1 ul li a{display:block; background:#cd1821; font-size:18px color:#e2e2e2; font-family:'calibri', 'tahoma', serif; text-decoration:none;}
.menu1 ul li a:hover{background:yellow; color:#333;}
.orta{width:99opx; overflow:hidden; background:#€3e3e3;}
.ortablok1{width:145px; overflow:hidden; float:left; background:#€8€8€8;}
.ortablok2{width:700px; overflow:hidden; float:left; background:#e8e8e8;}
.ortablok3{width:145px; overflow:hidden; float:right; background:#c8c8c8;}
AÇIKLAMA
color:Linkin rengini belirler.
background-color:Linkin zemin rengini belirler.
background-image:Linkin zeminine resim ekler
display:Linki içeren hücre , satır vb. istenilen alanın seçilmesini sağlar
left:Katmanın soldan ne kadar içeride olması gerektiğini belirler.
width:Katmanın genişliğinin ne kadar olacağını belirler.
height:Katmanın yüksekliğinin ne kadar olacağını belirler.
overflow:Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler.
auto:Otomatik olarak belirlenir
hidden:Sığmayan yerleri gizler.
#color : Renk adı.
19 MAYIS ÜNİVERSİTESİ BİLGİSAYAR MÜHENDİSLİĞİ
Hiç yorum yok:
Yorum Gönder