arda'nin boktan css tutoriali!
simdi burada divleri ogreniyoruz halecigim. eee, ornek:

html:

---

---

^^^ yukaridaki div bir container islevi gorur. stil atanmadigi surece normal html ile ayni sekil gozukur, fakat degillerdir.

ornek!

---

ye, hicbir farki yok.

css'i

seklinde html'e entegre edebilirsin.

ayrica div'lerde class="" diye bir property bulunur. bu property'i once css'te atayip sonra div'de kullanabilirsin.

ornek vereyiö:

css:

---

---

ozel class degerleri belirlenirken her zaman deger nokta ile baslar.

"background-color: black;" <-- element ozellikleri her zaman ; ile biter.

ayrica h1 gibi html'in icine entegre olan elementleri de duzenleyebilirsin!

css:

---

h1 {
    font-size: 24px; /* metin buyuklugu */
}

p {
    color: green; /* metin rengi */
}

body { /* body : bütün sayfa vücudu */
    background-color: red; /* arkaplan rengi */
}

---

ye. simdi bunlari ogrettigime gore ozellikleri vereyim!!1!1

---

    
 1    /* renkler */
 2        background-color
 3        color
 4        -- RGB, HEX, HSL --
 5    /* / / / / */
 6
 7    /* arkaplanlar */
 8        background-color - RGB, HEX, HSL ;
 9        background-image - url("https://.../gorsel.png") ;
10        background-repeat - no-repeat repeat repeat-x repeat-y ;
11    /* / / / / */
12
13    /* kenarlar - örn */
14        border: *px type color
15                ^ thickness  
16        border types: dotted, dashed, solid, double
17  and
18        border-top
19        border-bottom
20        border-right
21        border-left
22  yumusatilmis kenarlar      
23        border-radius *px
24  and
25        border-radius TOPLEFTpx TOPRIGHTpx BOTTOMRIGHTpx BOTTOMLEFTpx
26    /* / / / / */
27   
28    /* ek olarak - font */
29       font-family
30       "system-ui" - sistemin varsayilan yazi tipini kullanir
31       
32       cesitlilik isteyecegini bildigimden ozel fontlari da birakayim:
33       fonts.google.com - begendigin bir fontu secip embed kodunu head icerisine yapistir
34       entegre ettigin fontun adini tirnak icinde yazarak fontu kullanabilirsin
35      
36    --[ ornek ]--
37
38      .ozelYaziTipiOlanBirBok {
39         font-family: "Custom Font";
40      }

---

arda ile boktan tutorial bittiö