Câu hỏi tự luận mức độ vận dụng Khoa học máy tính 12 ctst bài F7: Giới thiệu CSS

Câu 1:

h1 {

    background-color: lightblue; /* Màu nền */

    color: darkblue; /* Màu chữ */

}

Câu 2: 

- display: Thuộc tính này xác định cách một phần tử được hiển thị trên trang.

- block: Phần tử sẽ chiếm toàn bộ chiều rộng của dòng và bắt đầu trên một dòng mới (ví dụ: <div>, <h1>).

- inline: Phần tử chỉ chiếm chiều rộng cần thiết và không bắt đầu trên một dòng mới (ví dụ: <span>, <a>).

- inline-block: Kết hợp giữa block và inline, cho phép phần tử có thể đặt cạnh nhau nhưng vẫn giữ được các thuộc tính của block (có thể đặt chiều rộng và chiều cao).

Câu 3: 

button {

    background-color: blue; /* Màu nền ban đầu */

    color: white; /* Màu chữ */

    padding: 10px 20px;

    border: none;

    cursor: pointer;

    transition: background-color 0.3s; /* Hiệu ứng chuyển đổi */

}

button:hover {

    background-color: darkblue; /* Màu nền khi hover */

}