Take note skill CSS

Display: flex; Margin: auto; (cặp lệnh căn giữa)

Height: 100vh này dùng để căn giữa ngang chủ thể kiểu 100% viewport

Nên dùng đơn vị đo em trong media query 1 em=16px

Dùng cái padding-top 50% để căn ảnh cao bằng 50% dài

Dùng cái overflow: hidden để ẩn cái thằng con mà vướt quá kích cỡ thằng cha này phải nhớ

Nếu có margin - ở row thì thường lộ khoảng trắng fix thì padding dương vào

Dùng position absolute để căn so với cha bất kể thằng nào có position đều có thể làm cha

Nếu có nhiều thẻ li trong 1 thẻ cha mà muốn pick đầu hay cuối thì nhớ lệnh pseudo :first-child last-child
để chọn thằng con đầu hay cuối này nên nhớ

Display: flex/inline flex để xác định xem có dùng flex box ko

Flex-direction: row/column này là để xác định xem main axis nó theo chiều ngang hay dọc, có thể dùng
row-reverse để đảo ngược chiều main axis

Flex-wrap: nowrap/wrap/wrap-reverse: này là để xuống dòng hoặc ko hoặc là lên dòng

Flex-basics: là để xác định độ dài main size

justify-content: flex-start | flex-end | center | space-between | space-around

// thuộc tính căn chỉnh sang ngang giua ... theo main axis nằm ngang

còn main axis nằm dọc thì chỉnh lên trên xuống dưới

justify-self: flex-start | flex-end | center

align-content: flex-start | flex-end | center

align-self: flex-start | flex-end | center

flex-grow: <number>:::::: làm thay đổi kích thước game size

flex-shrink: <number> thu nhỏ lại ...

flex: <number> shorthand của flex-basic flex-grow;flex-shrink

order: <number> :::: quyết định thứ tự flex items

flex-flow: viết gộp flex-direction và flex-wrap

nhớ cái direction nó đổi main thì lúc này đừng dùng lộn align vs justify nhá

BEM
Block__element-- mortifier

Button thường dính 1 cái kiểu outline muốn bỏ thì thêm outline:none
bên css
Nên nhớ các thẻ div là các block nên nó sẽ bị tụt xuống dòng muốn nó
cùng 1 dòng thì display: inline-block

Toast messages
Với @keyfame animation
Thì ta có animation tên keyfame hiệu ứng (thường là ease) thời gian
chạy cái thứ 4 sẽ đc tính là thời gian delay kiểu sau t giây thì hiệu ứng
mới nhảy
Forward là dừng điểm cuối animation
.class + .class sẽ css đc cho cái class đứng sau (điều kiện là các class phải
giống nhau bài bem level1)
Vd như
Reset css nomalize css cdm nhớ css nó vào