Câu hỏi tự luận mức độ vận dụng cao Khoa học máy tính 12 kntt bài 16: Định dạng khung

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

Câu 1: Viết đoạn mã HTML và CSS để tạo bảng hiển thị 3 màu cơ bản: đỏ, xanh lá, xanh dương (mỗi màu là một dòng), với màu nền của mỗi ô tương ứng với tên màu.

Câu 2: Giải thích tại sao các thuộc tính định dạng khung (border, margin, padding) không có tính kế thừa trong CSS.


Câu 1: 

HTLM

<table>

   <tr>

        <th>Màu</th>

        <th>Màu nền</th>

   </tr>

   <tr>

        <td>Đỏ</td>

        <td class="red"></td>

   </tr>

   <tr>

        <td>Xanh lá</td>

        <td class="green"></td>

   </tr>

   <tr>

        <td>Xanh dương</td>

        <td class="blue"></td>

   </tr>

</table>

CSS:

table {

   border-collapse: collapse;

}

td, th {

   border: 1px solid black;

   padding: 10px;

}

.red {

   background-color: red;

}

.green {

   background-color: green;

}

.blue {

   background-color: blue;

}

Câu 2: 

Các thuộc tính này không có tính kế thừa vì chúng mô tả bố cục (layout) và không phải là thuộc tính trực tiếp của nội dung, trong khi các thuộc tính như color và font ảnh hưởng trực tiếp đến nội dung hiển thị nên có tính kế thừa.


Bình luận

Giải bài tập những môn khác