Dòng thời gian bài viết chuyên sâu
-
Nắm vững Selector quan hệ và độ ưu tiên trong CSS
Phân biệt chính xác con trực tiếp, anh em liền kề và anh em chung để tối ưu mã nguồn mà không cần gán thêm class tràn lan.
-
Cẩm nang tổ chức đường dẫn nhiều cấp trong dự án tĩnh
Quy tắc kết hợp đường dẫn lùi cấp ../ và tiến cấp chuẩn xác giúp tài nguyên CSS, hình ảnh không bao giờ bị đứt gãy.
-
Ứng dụng Pseudo-element để tạo điểm nhấn trang trí
Tận dụng ::before và ::after kết hợp thuộc tính content để trang trí giao diện không cần thêm thẻ span hay div phụ.
-
Kỹ thuật định dạng bảng dữ liệu nâng cao với :nth-child
Tạo hiệu ứng zebra striping và phân biệt hàng đầu/cuối của bảng chỉ bằng bộ chọn trạng thái vị trí thuần CSS.
-
Tại sao không nên lạm dụng ID trong selector CSS
Độ ưu tiên cao của ID dễ phá vỡ cấu trúc CSS cascade và gây khó khăn khi tái sử dụng phong cách giao diện.
-
Tư duy Semantic HTML5: Chọn đúng thẻ trước khi viết CSS
Lợi ích của thẻ article, section, header, nav đối với khả năng tiếp cận và thứ hạng tìm kiếm tự nhiên của website.
-
Phân biệt display inline, inline-block và block
Hiểu sâu về dòng chảy tài liệu và cách kích thước padding/margin tác động lên từng mô hình hiển thị phần tử.
-
Khởi động dự án Web tĩnh: Thiết lập chuẩn cấu trúc thư mục
Kinh nghiệm phân vùng assets, pages, styles một cách khoa học ngay từ ngày đầu tiên xây dựng sản phẩm.