Blog

Div oluşturma ve Renklendirme
img
Div oluşturma ve Renklendirme

Merhaba arkadaşlar Yavaş yavaş Elimden geldigince sizlere Css hakkında bildiklerimi Yazıcam. Öncelikle div oluşturma ve renklendirmeden başlamak istiyorum.Şuanlık Çalışmalarımızda 2 adet dosyamız olmalı bunlar. /index.html

/style/css.css

index.html:  

<html> <head> <title>Div Oluşturma</title> <link href="style/css.css" type="text/css" rel="stylesheet" /> </head> <body> <div class="ilkdivim"></div> </body> </html>

 Böylelikle Html sayfamızı Oluşturduk. <div class="*"></div> *: div classımızın stil dosyasındaki adımız.

 .ilkdivim{ /* Div ismimiz */ background-color:#000; /* Div Classımızın Rengi */ width: 50px; /* 50 piksel degerinde uzunlugu olsun divimizin */ height: 50px; /* 50 piksel degerinde genişligi olsun divimizin */ } #ilkdivim {/* Div ismimiz */ background-color:#000; /* Div Classımızın Rengi */ width: 50px; /* 50 piksel degerinde uzunlugu olsun divimizin */ height: 50px; /* 50 piksel degerinde genişligi olsun divimizin */ } /* Buradaki "." ve "#" nın farkı "." olanı tanımlarken Class olarak tanımlamamız Gerekmektedir. ancak "#" tanımlarken id olarak tanımlamamız gerekmektedir . */

Bu Sayede Divimizi Oluşturduk :) Bir sonraki dersimizde margin nedir ve nasıl kullanılır onu göstericem. Esen Kalın :)

Yorum Yaz

0 yorum yazıldı.