CSS QUESTIONS

Việc gỡ lỗi CSS có thể là một công việc không đơn giản nhất là khi bạn làm việc với một site có cấu trúc phức tạp hoặc có nhiều file css.

Sau đây là các bước gỡ lỗi.

Bước 1: Validate site của bạn.
Đây là việc mà đằng nào bạn cũng phải làm, nên ta cứ làm đầu tiên. Việc này cũng giúp bạn tránh được những lỗi "ngớ ngẩn" như là viết sai cú pháp, thiếu thừa một dấu chấm chẳng hạn. Sau đây là 2 tool để validate xHTML và CSS:
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
Nhưng dù sao sự đánh giá của những công cụ này chỉ là tương đối mà thôi, nhiều khi site rất hoàn thiện nhưng công cụ vẫn có thể sai chứ. Trong giai đoạn này, những công cụ debug như Firebug, Web Developer Toolbar, hoặc IE Developer Toolbar ... tỏ ra hữu dụng.

Bước 2: Chia nhỏ css thành nhiều file khác nhau.
Đầu tiên là chia nhỏ css thành nhiều file css ngoài khác nhau. Sau đó thử bỏ link đến từng file để xác định vai trò của chúng. Sau đó có thể đổi thứ tự xuất hiện của các file css. Nếu vẫn chưa xác định được bước bạn sắp đến công việc nặng nhọc hơn.

Bước 3: Cut & Paste & Edit.
Vấn đề có thể xuất hiện trong code xHTML, hoặc từng chi tiết CSS. Bây giờ bạn thử xóa đi vài đoạn xHTML hoặc CSS, thay đổi thuộc tính để xác định vai trò của nó.


Bước 4: Phân tích.
Sau khi xác định được chỗ gây lỗi, đây là lúc bạn tạo ra 1 test case nhỏ về nó để học hỏi thêm, lúc đó bạn cần hỏi thêm Mr Google , hoặc là đọc thêm trên W3C, w3schools, CMX để bổ sung kiến thức của mình về bug vừa gặp, có khi cũng cần nhớ lại kiến thức bạn đã đọc trong sách nữa.

Tóm lại cho dù bạn ko gỡ được lỗi thì bạn cũng học hỏi đựợc nhiều, và đó mới là điều quan trọng , cho nên nếu bạn copy 1 đoạn code trên CSS trên mạng xuống để sài, thì cũng nên thử áp dụng 4 bước trên chỉ để học hỏi .