You are on page 1of 2

#HTML

2. The tieu de
- <h1>
- <h2>
- <h3>
- .....
3. The xuong dong:
- <p> xuong 2 dong
- <div> xuong 1 dong
- <br> xuong 1 dong
4. The trinh ba text va gan link
- <b> in dam
- <i> in nghieng
- <u> gach chan
- <del> gach ngang chu
- <a> gan link
5. The anh
- <hr> duong ke ngang
- <img> anh
6. Danh sach co cham dau dong
- <ul>
<li>
#CSS

I. Cac thuoc tinh CSS


1. color: ;
2. width: ...px;
3. Khoi
- margin-left/top/right/bottom: ...px (Khoang cach xung quanh 1 phan tu)
- margin: auto (can giua chinh no)
4. font-family:
5. font-size
6.chia cot:
- gan div vao cap bo
- display: flex; (cac thanh phan nam tren cung mot dong)
7. Vien:
- border-top/left...: 1px solid color;
8. Khoang cach ben trong vien:
- padding-...: ...px;
9. Font owesome cheatsheet
10. Khoang cach giua cac blocks: justify-content: space-between;
11. Chu
- Gach chan (co/khong): text-decoration: yes/none;
- text-align: center/left/right (can giua (con))
- font-weight: bold; (ch? in d?m)
12. The cos/khong xuong dong: display: inline/block;
13. Lam MENU:
- list-style: none; (bo dau cham dau dong)
14. Full tu xuong dong: flex-wrap: wrap;
15. (Anh)
- border-radius: ...px; (bo tron goc)
16. Slide
- cai thu vien bootstrap 4 snipper
- b4-$ tab
17. An
- display: none; / opacity: 0;
18. Can ch?nh:
- Ngang:
+ text-align: center/left/r...;
+ display: flex; justify-content: center/flex-start/flex-end;
- Doc: display: flex; align-items: center/flex-start/flex-end;
19. �� layer:
- position: relative; (div b?)
- position: absolute; top:...px; left:...px;
- transform: scale(...) ( /:hover); (co d�n)
20. Tr?:
- transition-delay: ...s;
21. Xoay:
- transform: rotateX/Y/Z(+-...deg);
- 3D: perspective: ...px; (div b?)
- t�m quay: transform-origin: 0 0;

#banner-687263855 {
padding-top: 500px;
}
#banner-687263855 .bg.bg-loaded {
background-image: url(https://cdn.dxomark.com/wp-
content/uploads/2019/03/samsung_galaxys10plus_block.jpg);
}
#banner-687263855 .overlay {
background-color: rgba(0,0,0,.5);
}
#banner-687263855 .bg {
background-position: 53% 0%;
}

You might also like