TAILIEUCHUNG - Những điều cần biết khi viết mã CSS

Như chúng ta đã biết ở bài viết trước mình đã có lần để cập đến vấn đề "làm việc tốt với các trình duyệt (browser)" bằng cách sử dụng CSS để xóa đi những định dạng mặc định của từng browser. Lần này, các bạn sẽ được biết đến những điều cần tránh trong khi viết mã HTML và CSS nếu bạn muốn website của mình hiển thị tốt ở hầu hết các browser. | Những điều cần biết khi viết mã CSS Như chúng ta đã biết ở bài viết trước mình đã có lần để cập đến vấn đề làm việc tốt với các trình duyệt browser bằng cách sử dụng CSS để xóa đi những định dạng mặc định của từng browser. Lần này các bạn sẽ được biết đến những điều cần tránh trong khi viết mã HTML và CSS nếu bạn muốn website của mình hiển thị tốt ở hầu hết các browser. 1. Không bao giờ sử dụng padding cho các đối tượng có độ rộng cố định fixed width Đây là nguyên tắc cơ bản vì cách căn lề của Internet Explorer khác với các trình duyệt khác và cũng là 1 lỗi của trình duyệt này. Lỗi này được gọi là Box Model Bug hình dưới là một hình ảnh minh họa cho lỗi này. Bạn có thể thấy rằng độ rộng của đối tượng được cộng thêm khi hiển thị ở IE nếu như có padding. Vậy đơn giản là không dùng padding cho các đối tượng có độ rộng cố định fixed width . 2. Cố định cỡ chữ bằng đơn vị và em Thông thường các browser hiển thị cỡ chữ theo cách khác nhau nếu như bạn chưa định cỡ cho chúng. Khi mới bắt đầu học CSS chúng ta thường định dạng cỡ chữ theo cách sau PLAIN TEXT CSS h1 font-size 18px h2 font-size 16px Dòng mã là cách cơ bản nhưng vấn đề là ở IE người xem sẽ không thể thay đổi cỡ chữ. Điều này rất cần thiết với những người để độ phân giải cao. Nhưng bạn đừng lo có một giải pháp khác tốt hơn hãy dùng và em để định dạng cỡ chữ như sau PLAIN TEXT CSS body font-size h1 font-size h2 font-size 3. Không nên dùng đơn vị 100 Sử dụng 100 để căn chiều rộng của một đối tượng rất dễ gặp rủi ro trong việc bố trí kết cấu của website vì mỗi trình duyệt hiển thị chiều rộng 100 rất khác biệt. Theo kinh nghiệm bản thân thì những lần thử định vị 100 thì gần như rất khó có thể đạt được kết quả tốt nhất. Hãy chọn một con số khác có thể là nhỏ hơn 100 95 có thể sẽ tốt hơn . Hoặc đơn giản hơn là hãy. cố định nó. 4. Không dùng 0px để định chiều cao Các browser không thích việc bạn chọn 0px để định chiều cao cho đối tượng và thưởng hiển thị nó theo cách bạn. không muốn chút nào. Nếu có thể

TỪ KHÓA LIÊN QUAN
TÀI LIỆU MỚI ĐĂNG
TAILIEUCHUNG - Chia sẻ tài liệu không giới hạn
Địa chỉ : 444 Hoang Hoa Tham, Hanoi, Viet Nam
Website : tailieuchung.com
Email : tailieuchung20@gmail.com
Tailieuchung.com là thư viện tài liệu trực tuyến, nơi chia sẽ trao đổi hàng triệu tài liệu như luận văn đồ án, sách, giáo trình, đề thi.
Chúng tôi không chịu trách nhiệm liên quan đến các vấn đề bản quyền nội dung tài liệu được thành viên tự nguyện đăng tải lên, nếu phát hiện thấy tài liệu xấu hoặc tài liệu có bản quyền xin hãy email cho chúng tôi.
Đã phát hiện trình chặn quảng cáo AdBlock
Trang web này phụ thuộc vào doanh thu từ số lần hiển thị quảng cáo để tồn tại. Vui lòng tắt trình chặn quảng cáo của bạn hoặc tạm dừng tính năng chặn quảng cáo cho trang web này.