Bài tập tại lớp - Buổi 3: Selector nâng cao và liên kết nâng cao

Sản phẩm

Trang giới thiệu học phần, tổ chức lại thành website nhiều thư mục kèm menu điều hướng có hiệu ứng.

Tổ chức lại dự án thành cấu trúc thư mục nhiều cấp: thư mục gốc chứa index.html, thư mục pages/ chứa các trang con, thư mục assets/ chứa ảnh và CSS
Sửa lại toàn bộ đường dẫn cho đúng: từ trang con về trang chủ dùng lùi cấp, từ trang chủ vào trang con dùng tiến cấp, tài nguyên ảnh và CSS tham chiếu đúng vị trí mới
Xây dựng menu điều hướng dùng chung cho mọi trang, có hiệu ứng hover và trạng thái trang đang xem được làm nổi bật
Dùng selector quan hệ để định dạng: chỉ các thẻ a nằm trong nav, chỉ đoạn văn con trực tiếp của section giới thiệu
Dùng pseudo-class theo vị trí để tô màu nền xen kẽ cho các hàng bảng lịch trình, thay cho cách gán class thủ công ở buổi 2
Dùng pseudo-element để chèn ký hiệu trang trí trước tiêu đề mỗi section
Các liên kết ra tài nguyên bên ngoài phải mở ở tab mới