WEB CSS
float
inherit__ inherits from the parent element
position
static__ set by default, not be influenced by any other attributes
relative__ set by the attributes
absolute__ set by the closed ancestor. If not, set by body (viewport), đặt hoàn toàn khỏi luồng
fixed __ still at that position even cuộn trang
sticky __ set to default by the relative, until cuộn trang --> fixed (linh động giữa relative và fixed)
giống absolute ở chỗ đặt hoàn toàn khỏi luồng
js
data-toggle data-target
dropdown | modal | collapse
modal __ open a dialogue (modal window)
collapse __ hide or show a content
aria- label --- name of the symbol
border | border - radius | border-box
a
a:link __ inherent link
a:visited __ if user visited
a:hover __ di chuột vào
a:focus __ keyboard activate
outline: 2px solid blue --> đường viền màu xanh ngoài
ul, ol
list-style-type, list-style-image :url(../)
di chuyển lên trên 1 thư mục so với cấp hiện tại
width (of that element)
font-weight
set độ dày ký tự
line-height
chieu cao cac dong
vertical-align
touch-action
dong co so (baseline)
white-space
normal [default]
loai bo khoang trang thua
tu dong ngat dong khi ko du ko gian
norwap
loai bo khoang trang thua
ko du --> tran (tat ca tren cung 1 dong)
pre
nothing
pre-wrap
ngat dong
opacity
all css
border-style
p.solid
top-right-bottom-left
dotted solid double dashed
border-width
2px 3px
2px 3px 5px
top-bottom left-right
top left-right bottom
border (-left): 2px red solid
margin
additional space outside border - btw 2 elements
border-box
margin --> border --> padding --> width
set ngang
display: flex
flex-direction
justify-content
flex-wrapped
margin: auto
mục đích căn giữa
box-shadow