CSS Tablo Yapımı (Uygulama 5)

KUTU

<body>
<div id=”anasayfa”>
<div>
<div></div>
<div></div>
<div></div>
<div></div>

</div>

<div>
<div></div>
<div></div>
<div></div>
<div></div>

</div>

<div>
<div></div>
<div></div>
<div></div>
<div></div>

</div>

<div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</body>
</html>

 CSS Bölümü

#anasayfa
{
width:750px;
height:750px;
background-color:#0F0;
}
.kutu1
{
width:300px;
height:300px;
float:left;
margin-left:50px;
margin-top:50px;
background-color:#000;
}
.kutu2
{
width:120px;
height:120px;
float:left;
margin-left:20px;
margin-top:20px;
background-color:#00F;
}

Ne Anladık Ne Öğrendik !

DİV:

Bir bölümü tanımlar.

ID:

Sayfaya bağlantı sağlar

CLASS:

Bu tag bir css kodu ile daha fazla html tagı olarak kullanmamızı sağlar.

CSS Bölümü

width: Genişlik
height: Yükseklik
float:left; Sola hizala
margin-left: Sola boşluk bırak
margin-top: üste boşluk bırak
background-color: Arka plan rengi

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s