Nội dung Chủ đề 5 cung cấp hệ thống kiến thức quan trọng về CSS, ngôn ngữ chuyên dùng để thiết lập cách hiển thị và tách biệt hình thức khỏi nội dung HTML.

Để làm tốt phần trắc nghiệm, thí sinh trước tiên cần thuộc cú pháp cơ bản gồm Bộ chọn (Selector) và Vùng mô tả chứa các cặp thuộc_tính: giá_trị;. Đề thi thường xuyên hỏi về 3 cách nhúng CSS: CSS nội tuyến (Inline) viết trực tiếp vào thẻ, CSS trong (Internal) đặt ở cặp thẻ <style> thuộc phần <head>, và tối ưu nhất cho web lớn là CSS ngoài (External) liên kết tệp .css bằng thẻ <link>.

Về định dạng, học sinh cần nhận diện đúng chức năng của các thuộc tính văn bản quen thuộc như font-family, color, text-align hay text-decoration (dùng để gạch chân hoặc gạch ngang chữ). Trong thiết kế khung (Box model), một bẫy trắc nghiệm phổ biến là thứ tự các lớp; thí sinh phải nhớ cấu trúc từ trong ra ngoài lần lượt là: Nội dung (Content), Vùng đệm (Padding), Đường viền (Border) và Lề (Margin). Bên cạnh đó, việc phân loại phần tử là bắt buộc: phần tử Khối (như <div>, <p>) luôn chiếm toàn bộ chiều rộng và tự xuống dòng, trong khi phần tử Nội tuyến (như <span>, <a>) chỉ chiếm không gian theo nội dung.

Mức độ câu hỏi phân loại thường rơi vào các loại bộ chọn. Cần khắc sâu: bộ chọn Class bắt đầu bằng dấu chấm (.) áp dụng cho nhiều phần tử, còn bộ chọn ID bắt đầu bằng dấu thăng (#) chỉ định danh cho phần tử duy nhất. Đề thi cũng hay kiểm tra các ký hiệu kết hợp: khoảng trắng (con cháu), > (con trực tiếp), + (em liền kề) và ~ (em cùng cấp). Thêm vào đó, hãy phân biệt Pseudo-class (dấu : như :hover để chỉ trạng thái) và Pseudo-element (dấu :: như ::first-letter chỉ một phần của phần tử).

Cuối cùng, kiến thức cực kỳ quan trọng để chọn đáp án đúng khi có xung đột định dạng là tính ưu tiên (Cascading). Thứ tự mạnh yếu được quy định khắt khe: !important là mạnh nhất, tiếp đến là Inline style, rồi đến ID, sau đó là Class, Thẻ, và yếu nhất là tính Kế thừa. Ghi nhớ thứ tự này sẽ giúp học sinh ăn trọn điểm ở các câu hỏi tình huống phức tạp.