CSS experimental, One.

Vừa rồi mình làm cái site cho office, tòan DIV, UL, LI và CSS. Thằng heo nó bảo làm TABLE cho nhanh, nhưng mình vẫn cứ cố làm CSS không để lấy kinh nghiệm. Quả thật, mỗi lần làm lại nghiệm thêm ra một chút, rất chi là chính đáng ^^. Để khỏi quên, vì đời mình không chỉ viết CSS không, mình quyết định ghi chú ra đây để ghi nhớ. Đồng chí nào đọc được thì cứ tự nhiên, coi như share :P Mà chả biết có phải share ko hay người ta đọc xong lại chửi mình stupid ^^!

1. Phân tích thiết kế.
Okay, CSS có thể căn chỉnh mọi thứ như người ta muốn vậy nên thiết kế khó khó tí cũng không là vấn đề.. Thế nhưng khi làm không nên cắm đầu vào làm xong trang này, xong trang kia, để rồi ra cho sản phẩm là một cái file .CSS lộn nhộn dài dằng dặc. Thậm chí còn chia từng file CSS cho từng trang một, file nào cũng lu bu là những ID này ID kia… nhìn hoa cả mắt.
Thay vì đó, tranh thủ tìm ra những điểm giống nhau của tòan bộ thiết kế, hay lập ra nhưng vị trí, những object nào mình dự kiến sẽ viết 1 cái CLASS chung. Và, tránh được càng bớt ID càng tốt.

2. HTML, Không lạm dụng thẻ DIV, tăng cường thẻ cơ bản.
Hãy sử dụng DIV như là một công cụ để tạo layout chứ không phải những cái hòm để bạn muốn đút gì lên layout cũng phải cho vào DIV. Giả bạn muốn có một đoạn text, phía trên, ngay trước của nó là 1 cái IMG, thì hãy viết thêm thẻ P sau thẻ IMG thay vì thả text thẳng vào sau IMG hoặc bao text bằng một thẻ DIV hay SPAN gì đó. Tương tự với các text thuộc dạng header: thay vì bao text = DIV rồi set chữ to đùng lên, hãy dùng thẻ header có sẵn H1 – H7.

3. CSS, Tranh thủ predefine một số thẻ cơ bản.
Đây là việc mình cũng hay làm, nhưng thường bị thiếu thẻ. Đơn cử như một file CSS có thể bắt đầu như sau:

body, img, form, ul, li, p{
margin: 0px;
padding: 0px;
color: #000000;
}

Từ đó, có thể predefine cho từng phần của website (trái, phải, giữa, trên,..) thay vì làm đến đâu set tính chất đến đó.

Advertisements

2 thoughts on “CSS experimental, One.

  1. Ôi thằng chó có cái theme đẹp nhể, đọc cái này mới thấy hóa ra cậu cũng mới vào nghề web 2.0, thôi thì cứ mày mò học dần cũng được mà. Lúc nào cần làm nhiều thì qua web anh download “Mastering CSS” về mà đọc, có nhiều típs hay à nghe

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s