Trắc nghiệm đúng sai Khoa học máy tính 12 CD bài 9: Thực hành định dạng một số thuộc tính CSS

BÀI F9. THỰC HÀNH ĐỊNH DẠNG MỘT SỐ THUỘC TÍNH CSS

Câu 1: Một công ty thiết kế website đang xây dựng một hệ thống quản lý thư viện trực tuyến với nhiều trang web con như trang chủ, danh mục sách, đăng ký thành viên, đóng góp ý kiến.

Yêu cầu đặt ra là:

- Các tiêu đề chính (h1) phải có màu xanh dương và chữ in hoa

- Các tiêu đề phụ (h2) phải có màu cam

- Tất cả biểu mẫu (form) phải có nền màu nhạt để dễ nhìn

- Trang web phải dễ bảo trì, cho phép thay đổi giao diện đồng bộ trên toàn hệ thống

Dưới đây là bốn phương án triển khai CSS đảm bảo hệ thống hoạt động mượt mà và dễ chỉnh sửa khi cần:

Dùng inline CSS để khai báo trực tiếp từng thành phần trên mỗi trang HTML, giúp dễ kiểm soát kiểu dáng từng phần tử
b. Dùng internal CSS trong từng trang HTML riêng biệt để có thể tinh chỉnh giao diện của từng trang mà không ảnh hưởng đến các trang khác
c. Dùng một tệp external CSS chung cho toàn bộ hệ thống, lưu tất cả quy tắc định dạng vào tệp style.css và tham chiếu đến tệp này từ tất cả các trang
d. Kết hợp internal CSS và external CSS để có một bộ quy tắc chung cho toàn hệ thống, đồng thời có thể tùy chỉnh từng trang khi cần

Câu 2: Một lập trình viên đã áp dụng CSS cho trang web của mình bằng cách sử dụng cả external CSS, internal CSS và inline CSS. Tuy nhiên, khi kiểm tra kết quả hiển thị, anh ấy nhận thấy rằng một số thuộc tính bị ghi đè không mong muốn.

Dưới đây là các khai báo CSS đã được sử dụng:

- Trong tệp style.css (external CSS):

- Trong phần <style> của trang HTML (internal CSS):

- Trong thẻ HTML có inline CSS:

Dựa vào quy tắc ưu tiên trong CSS, màu chữ của tiêu đề h2 trên trình duyệt sẽ là:

a. Xanh dương vì external CSS được khai báo đầu tiên và có thể áp dụng trên toàn bộ website
b. Đỏ vì internal CSS có độ ưu tiên cao hơn external CSS, nên nó sẽ ghi đè màu từ style.css
c. Xanh lá cây vì inline CSS luôn có độ ưu tiên cao nhất so với external và internal CSS
d. Đỏ, nhưng nếu thêm !important vào khai báo trong internal CSS (h2 { color: red !important; }), màu đỏ sẽ được ưu tiên ngay cả khi có inline CSS

Câu 3: Em đang phát triển một trang web lớn có nhiều trang con, bao gồm trang chủ, trang sản phẩm, trang tin tức và trang liên hệ. Để tối ưu hiệu suất và tốc độ tải trang, em cần chọn cách triển khai CSS phù hợp. Sau đây là một số phương án giúp em giảm dung lượng tệp HTML, tăng tốc độ tải trang nhưng vẫn đảm bảo tính đồng nhất của giao diện:

a. Nén (minify) tệp style.css để giảm kích thước tệp, giúp tải trang nhanh hơn
b. Chia nhỏ các tệp CSS theo từng module (home.css, product.css, news.css, contact.css), chỉ tải CSS cần thiết cho từng trang để giảm bớt mã không cần thiết
c. Sử dụng inline CSS cho mọi thành phần để trình duyệt không cần tải thêm tệp CSS, giúp hiển thị nội dung ngay lập tức
d. Khai báo @import trong tệp CSS chính để tải thêm các tệp CSS con khi cần, giúp tổ chức mã tốt hơn