3 bước để hiểu và vận dụng CSS

Thông thường việc sử dụng style inline thành thói quen, khái niệm CSS vô tình trở thành trở ngại.
Những bạn chưa quen css hy vọng đọc bài này sẽ hiểu và vận dụng CSS hiệu quả.
Lấy ví dụ thật đơn giản, có chụp ảnh, và file download để bạn tham khảo.

Sau nhiều lần chọn lựa ko biết nên trình bày thế nào, thì đã chọn được cách dẫn dắt từ thói quen style inline qua css file.
Bước 1: Style inline thường dùng
        Đây là style inline mọi người thường dùng trong html

Bước 2: Style CSS trong file html

Nâng cấp 1 bước từ style inline thành vùng css trong cùng file html  - mang đầy đủ tính năng của CSS.
Trong hình ảnh hãy xem phần 1, 2 ,3: có chỉ rõ cái nào tag, id, class và attribute
Lưu ý: mức độ ưu tiên rất quan trọng.

Bước 3: CSS FILE 
Thêm bước nữa chuyển style css ra ngoài thành file độc lập.

Đến đây đã hoàn thành toàn bộ phần CSS.
Thời gian đầu, người mới làm quen sẽ còn lẫn lộn tag,  atribute, id, class ... theo thời gian sẽ hiểu. Khi đó xem lại hình sẽ càng rõ.
Ở đây mục đích hướng dẫn 1 cách nhanh nhất để hiểu được css và cách vận dụng. Bạn nào càng giỏi CSS thì việc custom Giao diện càng nhanh, gọn, chính xác, ít lỗi và hiển nhiên là sẽ chạy tốt trên các browsers.

file hướng dẫn huongdancss-zip