BÀI 16. ĐỊNH DẠNG KHUNG

Câu 1: Trong CSS, các phần tử HTML có thể được phân loại thành hai loại chính: phần tử khối (block) và phần tử nội tuyến (inline). Cả hai loại này có những đặc điểm và ứng dụng khác nhau trong việc xây dựng giao diện web. Hãy xem xét các nhận định sau về các thuộc tính liên quan đến việc thay đổi kiểu phần tử trong CSS:

a. Các phần tử khối có thể sử dụng thuộc tính height và width để điều chỉnh kích thước của chúng.
b. Phần tử nội tuyến không thể áp dụng thuộc tính width và height, vì chúng chỉ chiếm không gian dựa trên nội dung của mình.
c. Dùng thuộc tính display: block sẽ biến một phần tử nội tuyến thành phần tử khối, giúp nó chiếm toàn bộ chiều rộng của dòng.
d. Thuộc tính display: inline có thể chuyển một phần tử khối thành phần tử nội tuyến mà không thay đổi kích thước phần tử.

Câu 2: CSS cho phép chúng ta định dạng các phần tử trên trang web bằng nhiều cách khác nhau, bao gồm việc sử dụng bộ chọn class, ID và thuộc tính. Câu hỏi dưới đây liên quan đến việc sử dụng bộ chọn trong CSS:

a. Bộ chọn ID phải có dấu "#" trước tên và chỉ áp dụng cho một phần tử duy nhất trong trang web.
b. Bộ chọn class có thể áp dụng cho nhiều phần tử khác nhau trong trang web và có thể được kết hợp với bộ chọn ID để tạo ra sự định dạng đặc biệt.
c. Bộ chọn thuộc tính, ví dụ [href], có thể áp dụng cho các phần tử có thuộc tính href, nhưng chỉ áp dụng cho thẻ <a>.
d. Bộ chọn div#batdau có thể áp dụng cho phần tử <div> có ID là "batdau", nhưng nếu ID của phần tử khác tên thì bộ chọn này không có tác dụng.

Câu 3: Trong CSS, các thuộc tính liên quan đến khung của phần tử HTML như border, margin, padding, width và height giúp chúng ta định dạng không gian xung quanh các phần tử. Dưới đây là một số nhận định về cách sử dụng các thuộc tính này:

a. Thuộc tính border kết hợp với border-width, border-color và border-style giúp tạo viền cho phần tử, nhưng không thể tạo các kiểu viền đặc biệt như gạch chéo.
b. Thuộc tính margin có thể được sử dụng để tạo khoảng cách giữa phần tử với các phần tử xung quanh, nhưng không ảnh hưởng đến vị trí của phần tử trong trang.
c. Vùng đệm (padding) giúp tạo khoảng cách giữa nội dung và viền ngoài của phần tử, và có thể thay đổi chiều cao và chiều rộng của phần tử nếu cần.
d. Thuộc tính height có thể áp dụng cho các phần tử nội tuyến, giúp điều chỉnh chiều cao của phần tử mà không làm thay đổi kiểu hiển thị của nó.