Please enable JavaScript.
Coggle requires JavaScript to display documents.
FrontEnd, Bootstrap 4x - Coggle Diagram
FrontEnd
css
khai báo
internal
viết lệnh trong thẻ style trong head
<style type="text/css">div {background-color: red }</style>
inline
viết lệnh css trong thẻ
ví dụ, <span >
external
Lệnh css trong file .css
được inport vào qua thẻ link
phân loại
class selector
co dau . thi no thuoc class selector
id selector
co dau # thi no thuoc id selector
type selector
Ten the thi no thuoc type selector
thẻ
inline
a, b, br, i, label, object, select, span,
strong, sub, sup, progress, meter
có chiều rộng vừa đủ với văn bản
không thể set width, height, margin-top, margin-bottom.
Không bắt đầu 1 dòng mới
block
artical, aside, div, fieldset, footer, form, h1, -h6,
header, hr, li, main, nav, ol, p, pre, section, table, ul
chiếm chiều rộng tối đa có thể
có thể set width, height, margin-top, margin-bottom.
xuống , bắt đầu trên dòng mới
inline-block
img, button, textarea, input,
audio, video, svg, canvas
có thể set width, height, margin-top, margin-bottom.
giong inline
kích thước
pixel điểm ảnh
em
1em = 1 font-size cua the do
rem
1re, = 1 font-size cua the goc html
Mac dinh font-size cua the goc html la 16px
Pseudo
class
1 dau :
element
2 dau :
ung dung
after
placeholder
before
float
ứng dụng
Văn bản và hình -> chữ bọc hình
Chia cột khi dùng thẻ Div
Chống xuống dòng dùng box-sizing
border-box
width, height gán cho border
Thường dùng
content-box
width, height gán cho box
Câu hỏi
css
Cải thiện refresh trang chậm ?
ứng dụng float, canh phải image ?
Bootstrap 4x
chia màn hình ra grid system
12 cột
nhiều dòng
chia ra các loại màn hình
1.xs extra small
0-576px
sm small
576 - 768px
3.md medium
768-992px
4.lg large
1200px
5.xl extra large
992-1200px