Please enable JavaScript.

Coggle requires JavaScript to display documents.

CSS AND BOOTSTRAP - Coggle Diagram

- - - - Content: nội dung của thẻ html
      - padding: khoảng cách từ nội dung đến border
      - Border: viền của thẻ html
      - Margin: khoảng cách giữa bõ model này đến box model khác
  - - - Inline
        
        chiều rộng của thẻ phụ thuộc vào nội dung chứa của thẻ
        
        không thể sử dụng được thuộc tính wight và height
        
        Giá trị mặc định của nhóm thẻ như <span> <strong>
      - Block
        
        Chiều rộng chiếm 100% độ rộng web
        
        dùng được thuộc tính wight và height
        
        Giá trị mặc định của nhóm thẻ như <div> <p>
      - Inline - block
        
        kết hợp đặc tính của hai thẻ trên
  - - - static: giá trị mặc định
      - relative: căn chỉnh so với static, có thể dùng top,left,right,...
      - Absolute: Căn chỉnh so với thẻ cha (thẻ cha có position khắc static)
      - Fixed: căn chỉnh so với khung trình duyệt, không ảnh hưởng của cuộn trang scroll
      - Sticky: khi scroll đến vị trí nào đó thì được gắn cố định vào trình duyệt
- - - - col - : dùng cho thiết bị nhỏ (Extra small) có chiều rộng nhỏ hơn 576 px
      - col-sm : dành cho thiết bị nhỏ có chiều rộng lớn hơn hoặc bằng 576 px
      - col-md: dành cho thiết bị trung bình lớn hơn hoặc bằng 768 px
      - col-lg : dàng cho thiết bị lớn(lage) chiều rộng lớn hơn hoặc bằng 992 px
      - col-xl: thiết bị rất lớn(extra large) chiều rộng lớn 1200px