Please enable JavaScript.
Coggle requires JavaScript to display documents.
MODULE 3 TUẦN 1 - Coggle Diagram
MODULE 3 TUẦN 1
CSS
CSS: Viết tắt Cascading style sheets là 1 ngôn ngữ giúp tìm và định dạng các phần tử được tạo ra bởi HTML
Có 3 cách nhúng CSS vào HTML:
- Inline: Sử dụng thuộc tính CSS trong thẻ HTML
- Internal: Sử dụng thẻ style ở trong thẻ <head>
- External: Sử dụng thẻ link để nhúng 1 file.CSS trong 1 link
Độ ưu tiên:Inline được ưu tiên nhất còn 2 cách internal và external thì cách nào được sử dụng gần thẻ hơn thì ưu tiên cách đó
Selector
Có 3 loại selector thường đùng:
- id (#)
- class(.)
- tag (tên thẻ)
-
Box model:
Box model:Box model là các phần tử trong HTML được xem là những chiếc hộp(box model)
Mô hình hộp CSS: là 1 chiếc hộp bao quanh phân tử HTML
Có 4 thành phần:
- content: nội dung của thẻ
- Padding: là khoảng cách từ content đến border
- Margin: là khoảng cách từ box model này đến box modle khác
Lưu ý: Margin sẽ lấy khoảng cách từ border của thẻ kia mà không quan tâm đến margin của phần tử kia
Position
Có 5 loại position hay gặp nhất:
- Static: giá trị mặc định, đây là value mặc định khi các thẻ được tạo ra
- Relative: Gần tương tự với static nhưng bị ảnh hưởng bởi top, left, right,bottom....
- Absolute: Thì sẽ so tuyệt dối với thẻ cha
- Fixed: Cố định so với màn hình, không bị ảnh hưởng bởi scall
- Sticky: Kết hợp của fixed và relative
Display
Có 4 loại hay dùng:
- Block: chiếm 1 khối trên trang HTML
- Inlinen: Hiển thị trren 1 dòng
- None: không hiển thi
- Inline-block: Vừa nắm trên 1 dòng và vừa khoảng cách với các dòng
-
BOOTSTRAP
BOOTSTRAP: là flamework HTML,CSS và Javascript cho phép nguồi dùng thiết kế website theo 1 chuẩn nhất định
Có 2 cách:
- Dooload: Nhúng vào HTML bằng External
- Sử dụng CDN để nhúng (External)
Các loại thiết bị do Bootstrap hỗ trợ:
+Xs: ĐT loại nhỏ
- Sm: Máy tính bảng, điện thoại màn hình lớn
- Md: laptop màn hình nhỏ
- Lg: smart, laptop
- Xl: smart tv
- Khi sử dụng bootstrap 3.x thì chỉ hỗ trợ 4 loại màn hình xs,sm,md và lg.
- Khi sử dụng Bootstrap 4.x cũng hỗ trợ 4 loại Sm,md,lg và xl
-