study_html-css/html notes.txt at main · elif1305/study_html-css · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
================================
        HTML-CSS NOTES
================================

=> Semantic kullanimi onemli.

Header
Main
Footer

=> BEM notasyanini kullanmak onemli.

  nav
   div                        header__menu--btn
     ul                       nav__menu--btn
       li                     nav__meni--big
         a

=>  ccs'de reset kismi onemli.

reset{
bax-sizing : border-box
margin : 0
}


=> css de kod yazarken AYRAC kullanimi onemli.

=> block elemente width verildiginde block element ozelligini kaybeder.

=> margin : auto

=> display : flex yaptiginda itemlar arasi boslugu gap ile ver.

=> user-select : none , kullanici secimini kapatmak icin

=> span : inline element
    p : block elemen  tasarimlarda bunu dusunerek kullan.


=> parallax efect in calismasi icin : image a min-height : 100%  ver, html ve body ye height:100% ver.


=> text-align kullanmak istiyorsan spesifik bir width vermen gerekiyor ki ona gore yapsin.

=> outline : 0.4rem inset red    inset: kalinlik ice dogru mu disa dogru mu ayari
   outline-offset : 0,2rem   (border ve outline arasindaki mesafe)

=>