BÀI 13. KHÁI NIỆM, VAI TRÒ CỦA CSS

Câu 1: Khi thiết kế một website lớn với hàng chục trang HTML, một lập trình viên phải liên tục cập nhật màu sắc và định dạng cho các tiêu đề <h1> trên tất cả các trang. Anh ta nhận ra rằng cách chỉnh sửa từng tệp HTML không chỉ tốn thời gian mà còn dễ gây ra lỗi không đồng bộ.

Những giải pháp nào sau đây thể hiện đúng cách CSS có thể giúp giải quyết vấn đề này?

a. Sử dụng CSS ngoài (external CSS) để định nghĩa màu sắc cho <h1> trong một tệp .css, sau đó liên kết tệp này với tất cả các trang HTML.
b. Sử dụng CSS nội tuyến (inline CSS) để thay đổi trực tiếp trong từng thẻ <h1> trên từng trang HTML.
c. Sử dụng CSS trong (internal CSS) để định dạng màu sắc cho <h1> trong thẻ <style> của từng trang HTML.
d. Tạo một tệp CSS ngoài và chỉ cần chỉnh sửa tệp đó khi muốn thay đổi định dạng trên toàn bộ website.

Câu 2: Một nhóm lập trình viên muốn thay đổi cách trình bày đoạn văn trong các bài viết trên website của mình. Họ muốn:

• Dòng đầu tiên của đoạn văn thụt vào 15 pixel.
• Màu chữ của đoạn văn là màu xanh da trời (#0000FF).

Họ quyết định sử dụng CSS để thực hiện yêu cầu này một cách đồng bộ trên tất cả các bài viết như sau:

a. Họ cần sử dụng thuộc tính text-indent để thụt lề dòng đầu của đoạn văn.
b. Thuộc tính color: #0000FF; phải được áp dụng cho bộ chọn tất cả các thẻ <p>.
c. Cách tốt nhất là sử dụng CSS nội tuyến để chỉnh sửa từng đoạn văn cụ thể.
d. Việc áp dụng các mẫu định dạng này vào một tệp CSS ngoài sẽ giúp đồng bộ hóa nhanh chóng.

Câu 3: Một lập trình viên đang xây dựng website và muốn các tiêu đề <h1>, <h2>, và <h3> có chung một định dạng: màu chữ đỏ và phông chữ đậm. Thay vì định dạng từng loại tiêu đề, anh ấy sử dụng CSS để thiết lập định dạng đồng thời cho tất cả các thẻ.

a. CSS cho phép sử dụng bộ chọn nhiều thẻ cùng lúc bằng cách liệt kê chúng, phân cách bằng dấu phẩy.
b. Để áp dụng định dạng này, lập trình viên có thể viết: h1, h2, h3 {color: red; font-weight: bold;}.
c. CSS không thể áp dụng đồng thời cho nhiều thẻ khác nhau; cần tạo mẫu riêng cho từng thẻ.
d. Cách định dạng này giúp tiết kiệm thời gian và đảm bảo sự đồng bộ trên toàn bộ website.