Câu hỏi tự luận mức độ vận dụng Khoa học máy tính 12 cd bài 8: Làm quen với CSS

Câu 1:

p {

  color: white; /* Màu chữ trắng */

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

}

Câu 2:

img {

  border: 5px solid red; /* Đường viền 5px màu đỏ */

}

=> Hình ảnh sẽ có một đường viền dày 5px màu đỏ xung quanh. Điều này giúp hình ảnh nổi bật hơn trên trang web và tạo sự phân cách rõ ràng giữa hình ảnh và các phần tử khác.

Câu 3: 

- margin: Là khoảng cách bên ngoài của phần tử, tạo không gian giữa phần tử đó và các phần tử khác. Ví dụ: margin: 10px; tạo khoảng cách 10px từ tất cả các phía.

- padding: Là khoảng cách bên trong của phần tử, tạo không gian giữa nội dung của phần tử và đường viền của nó. Ví dụ: padding: 10px; tạo khoảng cách 10px từ nội dung đến viền.

*Sự khác biệt:

+ margin ảnh hưởng đến khoảng cách giữa các phần tử, trong khi padding ảnh hưởng đến khoảng cách giữa nội dung và viền của phần tử.

+ margin có thể làm cho phần tử di chuyển ra xa các phần tử khác, trong khi padding chỉ làm tăng kích thước của phần tử mà không làm cho nó di chuyển.