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

1. NHẬN BIẾT (4 CÂU)

Câu 1: Các phần tử HTML được chia thành hai loại nào?

Trả lời:

Các phần tử HTML được chia thành hai loại: phần tử khối (block level) và phần tử nội tuyến (inline).

Câu 2: Thuộc tính CSS nào dùng để thay đổi loại phần tử HTML từ khối thành nội tuyến hoặc ngược lại?

Trả lời:

Thuộc tính CSS display dùng để thay đổi loại phần tử HTML, với các giá trị như block, inline, và none.

Câu 3: Mặc định, các phần tử HTML thuộc loại nào?

Trả lời:

Mặc định, các phần tử HTML thường thuộc một trong hai loại: khối (block level) hoặc nội tuyến (inline), tùy vào từng phần tử cụ thể.

Câu 4: Phần tử khối có đặc điểm gì khi hiển thị trên trang web?

Trả lời:

Phần tử khối bắt đầu từ đầu hàng và kéo dài suốt chiều rộng của trang web, chiếm toàn bộ không gian ngang.

2. THÔNG HIỂU (4 CÂU)

Câu 1: Phần tử nội tuyến có đặc điểm gì khi hiển thị trên trang web?

Trả lời:

Phần tử nội tuyến là các phần tử nhúng bên trong một phần tử khác. Ví dụ, cụm từ Việt Nam là một phần tử nội tuyến, được nhúng trong phần tử p.

Câu 2: Các giá trị của thuộc tính display trong CSS là gì và chức năng của chúng?

Trả lời:

Các giá trị của thuộc tính display là block, inline, và none. Giá trị block làm phần tử hiển thị như phần tử khối, inline làm phần tử hiển thị như phần tử nội tuyến, và none ẩn phần tử.

Câu 3: Trong CSS, một phần tử nội tuyến có thể thiết lập chiều cao và chiều rộng không?

Trả lời:

Không, phần tử nội tuyến không thể thiết lập chiều cao và chiều rộng, chỉ có thể thiết lập các thuộc tính khác như màu sắc, font-size, v.v.

Câu 4: Viết một đoạn CSS để thay đổi phần tử khối thành phần tử nội tuyến.

Trả lời:

div {

display: inline;

}

3. VẬN DỤNG (3 CÂU)

Câu 1: Viết một đoạn CSS để thay đổi phần tử nội tuyến thành phần tử khối.

Trả lời:

span {

display: block;

}

Câu 2: Viết ví dụ CSS để thiết lập một phần tử có id là "home" với màu chữ đỏ và cỡ chữ 150%.

Trả lời:

#home {

color: red;

font-size: 150%;

}

4. VẬN DỤNG CAO (1 CÂU)

Câu 1: Viết ví dụ CSS sử dụng bộ chọn thuộc tính để áp dụng màu nền cho các phần tử có thuộc tính type="button".

Trả lời:

input[type="button"] {

background-color: blue;

}