Trắc nghiệm đúng sai Khoa học máy tính 12 CD bài 8: Làm quen với CSS

BÀI F8. LÀM QUEN VỚI CSS

Câu 1: Giả sử em đang thiết kế một website thương mại điện tử. Đội ngũ phát triển yêu cầu trang web phải có giao diện đồng nhất trên tất cả các trang sản phẩm, dễ dàng chỉnh sửa khi cần thay đổi màu sắc hoặc bố cục. Dưới đây là các phương án phù hợp để đảm bảo website mà em tạo ra đạt được những yêu cầu trên:

a. Dùng inline CSS vì nó giúp áp dụng kiểu trực tiếp lên từng phần tử một cách nhanh chóng, không cần tạo file CSS riêng
b. Dùng internal CSS trong từng trang sản phẩm riêng lẻ để dễ quản lý nội dung của từng trang một cách độc lập
c. Dùng external CSS, lưu tất cả quy tắc định dạng vào một tệp .css, sau đó liên kết tệp này với mọi trang web
d. Kết hợp inline, internal và external CSS để linh hoạt điều chỉnh từng thành phần cụ thể khi cần mà vẫn giữ được quy tắc định dạng chung

Câu 2: Một trang web tin tức cần đảm bảo rằng:

- Tiêu đề chính (h1) có nền màu cam và chữ màu trắng

- Các đoạn văn (p) phải có phông chữ Roboto, cỡ chữ 18px và màu chữ xám đậm (#333)

- Các nút bấm (button) phải có nền màu xanh lá cây, chữ trắng, viền bo tròn 5px và hiển thị bóng khi trỏ chuột vào

Lựa chọn css dưới đây sẽ giúp em đạt được các yêu cầu trên:

a.

b.

c.

d.

Câu 3: Một nhóm lập trình viên đang làm việc trên một website và nhận thấy rằng một số quy tắc CSS bị ghi đè, khiến giao diện hiển thị không đúng như mong muốn. Họ tìm ra các trường hợp sau:

- Tệp external CSS đã khai báo:

- Trong cùng một trang HTML, có khai báo internal CSS như sau:

- Một số phần tử p cũng có inline CSS:

Nhận định về màu chữ khi chạy trên trình duyệt:

a. Màu chữ sẽ là xanh dương vì external CSS được áp dụng đầu tiên
b. Màu chữ sẽ là đỏ vì internal CSS có độ ưu tiên cao hơn external CSS
c. Màu chữ sẽ là xanh lá cây vì inline CSS luôn có độ ưu tiên cao nhất so với external và internal CSS
d. Nếu thêm thuộc tính !important vào khai báo p { color: red !important; } trong internal CSS, màu chữ sẽ trở thành đỏ ngay cả khi có inline CSS