Arkadaşlar hepinize tekrardan merhaba , zamanım oldukça dersleri hızlıca yayınlamaya çalışıyorum.
Umarım işinize yarıyordur :)

Bugün HTML ve CSS ikilisi ile çalışacağız , nedeni ise yaptığımız işi somut bir şekilde görmek.


Öncelikle CSS sayfamızı HTML sayfamıza bağlamamız gerek bunun için yazmamız gereken kod

Kod:
(Bu kod html sayfasında etiketleri arasına yazılmalıdır.)

Kod:
Bu dersimizde bazı yeni terimler görücez onlar ise şöyle :
width(genişlik verir) ve height(yükseklik verir)

width:100px;
height:50px;

px(pixel) olarak tanımlanır.




Kod:
border: solid 1px black; (yaptığınız tabloda veya oluşturduğunuz containerların kenarlarına kalınlık verir.) Kenarlık(border)
Solid özelliği katılık verir. Renk tanımlanabilir ve pixel yani kalınlığın boyutunuda arttırabilirsiniz.


Devam edelim malum CSS karışık ve çok fazla terimin olduğu bir dil. Bazıları için basit gelsede emin olun değil.



Kod:
margin-left:500px; (sayfanın sol kısmından boşluk bırakır)
margin-top:50px; (sayfanın üstünden boşluk bırakır)


Bu dersimizde bu kadardı alt tarafda tüm kodların birlikte olduğu haline ulaşabilirsiniz :)




HTML KODLARI:

Kod:






HackPandaEğitim


Eğitim serisi




Bu bir deneme yazısıdır





CSS KODLARI:

Kod:
*{
margin:0px;
padding:0px;
width:100%;
}

body{
background-color:lightgray;
}

p{
color:red;
background-color:black;
}

.border{
width:100px;
height:50px;
border: solid 1px black;
margin-left:500px;
margin-top:50px;
}