├── README.md
└── 3-cu Qrup 4-cu Ders
├── index.html
└── styles.css
/README.md:
--------------------------------------------------------------------------------
1 | # Mente-academy-4-cu-ders
2 | html,css
3 |
--------------------------------------------------------------------------------
/3-cu Qrup 4-cu Ders/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Document
9 |
17 |
18 |
19 |
20 |
21 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero voluptatum placeat modi, incidunt rerum quaerat
25 | quia provident laboriosam consequuntur eligendi accusamus inventore tempore cum consectetur recusandae harum,
26 | voluptate eos doloremque repudiandae nihil? Quas sunt saepe perferendis exercitationem ullam, alias suscipit
27 | velit harum tenetur minus enim dignissimos perspiciatis magnam assumenda quasi?
28 |
29 |
30 | Mektubu Gonder
31 |
32 | Mektubu Gonder
33 |
34 | Block
35 |
36 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/3-cu Qrup 4-cu Ders/styles.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin: 0;
3 | padding: 0;
4 | }
5 |
6 | body{
7 | height: 300vh;
8 | }
9 | .mySvg{
10 | height: 100px;
11 | width: 100px;
12 | color: yellow;
13 | fill: yellow;
14 |
15 |
16 | }
17 |
18 |
19 | .fa-linkedin{
20 | font-size: 150px;
21 | color: red;
22 | /* position: sticky;
23 | top: 0; */
24 |
25 | /* text-shadow: 0 0 12px rgb(56, 225, 30) !important; kolge vermek ucun */
26 | }
27 | a{
28 | text-decoration: none;
29 | color: black;
30 |
31 | }
32 |
33 |
34 | p{
35 | /* text-align: right; metbi saag getirmek */
36 | /* text-align: left; metni sola */
37 | /* text-align: center; metni ortaya */
38 | /* text-align: justify; tam seliqeye salir sag sol kunce sixir*/
39 | /* text-align-last: center; metnini osn hisseni ortaya alir */
40 | /* text-align-last:right; son hisseni saga
41 | */
42 | /* text-align-last:justify ; son hisseni her teref beraber paylayir */
43 |
44 | /* text-transform: uppercase; metni boyudur*/
45 | /* text-transform: lowercase; metni kicildir */
46 | /* text-transform: capitalize; metinin cumlelerini bas herbi boyudur */
47 |
48 | /* text-indent: 50px; abzas vermek ucun*/
49 |
50 | /* letter-spacing: 5px; heriflerin ara mesafesni boyutkem ucun */
51 |
52 | /* line-height: 40px; abzaslara ara mesafrsi vermek ucun */
53 |
54 | /* word-spacing: 40px; sozlere ara mesafesi vermek ucun */
55 |
56 |
57 |
58 |
59 | }
60 |
61 | div{
62 | background-color: aqua;
63 | /* display: inline; inline elemente cevirmek ucun block elementini */
64 | /* display: none; elementi silir */
65 | /* display:block; elemetni qaytarrir */
66 | /* visibility: hidden; gizledir */
67 | /* visibility: visible; gizledilen elementi gostermek ucun */
68 | /* opacity: 0.5; seffaflasdiri*/
69 | /* z-index: 100 !important; elementin durdugu 0 yerini musber ve menfiye deyisirik */
70 |
71 |
72 | }
73 |
74 |
75 | .div2{
76 | height: 100px;
77 | width: 100px;
78 | background-color: blue;
79 | /* position: relative; */
80 |
81 | /* position: static; default veziyyeti*/
82 | }
--------------------------------------------------------------------------------