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:62.5%;}
h1 {font-size:1.8em;}
h2 {font-size: 1.6em;}
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ể hãy thay nó bằng 1px sẽ tốt hơn rất nhiều.
PLAIN TEXT
CSS:
height:1px
5. Không dùng ">" trong CSS
Mình đã từng thấy có người, thậm chí rất nhiều người viết mã CSS như sau:
PLAIN TEXT
CSS:
#menubar>a {color:#cccccc;}
Với dòng mã CSS như trên IE6 sẽ không hiểu và không thể hiển thị được định dạng trên. Hãy dùng đoạn mã dưới đây, sẽ an toàn hơn rất nhiều.
PLAIN TEXTTheo Letunglam
Nguồn tin: 3CdotCom
Giới thiệu khái quát NukeViet là một ứng dụng trên nền web có thể sử dụng vào nhiều mục đích khác nhau. Phiên bản đang được phát hành theo giấy phép phần mềm tự do nguồn mở có tên gọi đầy đủ là NukeViet CMS gồm 2 phần chính là phần nhân (core) của hệ thống NukeViet và nhóm chức năng quản trị nội...
Thứ ba - 19/03/2024 04:22
Số TBMT: IB2400053822-00. Bên mời thầu: Trung tâm Xúc tiến Thương mại và Đầu tư thành phố Hồ Chí Minh. Đóng thầu: 10:30 28/03/24Thứ ba - 19/03/2024 04:22
Số TBMT: IB2400053886-00. Bên mời thầu: NGÂN HÀNG THƯƠNG MẠI CỔ PHẦN NGOẠI THƯƠNG VIỆT NAM. Đóng thầu: 14:00 23/04/24Thứ ba - 19/03/2024 04:22
Số TBMT: IB2400036548-00. Bên mời thầu: Trung tâm Bảo trì công trình giao thông và Đăng kiểm phương tiện thủy. Đóng thầu: 10:00 29/03/24Thứ ba - 19/03/2024 04:20
Số TBMT: IB2400053745-00. Bên mời thầu: CHI NHÁNH PHÁT ĐIỆN DẦU KHÍ - TẬP ĐOÀN DẦU KHÍ VIỆT NAM. Đóng thầu: 08:15 26/03/24Thứ ba - 19/03/2024 04:18
Số TBMT: IB2400053844-00. Bên mời thầu: Sở Tài chính thành phố Đà Nẵng. Đóng thầu: 09:00 08/04/24Thứ ba - 19/03/2024 04:18
Số TBMT: IB2400036214-00. Bên mời thầu: Ban Quản lý dự án đầu tư xây dựng các công trình nông nghiệp và phát triển nông thôn tỉnh Bạc Liêu. Đóng thầu: 15:00 06/04/24Thứ ba - 19/03/2024 04:16
Số TBMT: IB2400053206-01. Bên mời thầu: Sư đoàn 363/Quân chủng Phòng không - Không quân. Đóng thầu: 08:30 26/03/24Thứ ba - 19/03/2024 04:14
Số TBMT: IB2400053263-00. Bên mời thầu: Cục 12 - Tổng cục II - Bộ Quốc phòng. Đóng thầu: 11:00 28/03/24Thứ ba - 19/03/2024 04:12
Số TBMT: IB2400053474-01. Bên mời thầu: CƠ SỞ CAI NGHIỆN MA TUÝ THANH THIẾU NIÊN 2. Đóng thầu: 20:00 25/03/24Thứ ba - 19/03/2024 04:11
Số TBMT: IB2400046572-00. Bên mời thầu: CÔNG TY ĐIỆN LỰC KIÊN GIANG. Đóng thầu: 14:00 28/03/24Thứ ba - 19/03/2024 10:25
Số KHLCNT: PL2400035071-00. Chủ đầu tư: Bệnh viện đa khoa Hà Đông. Công bố: 10:25 19/03/24Thứ ba - 19/03/2024 10:25
Số KHLCNT: PL2400035076-00. Chủ đầu tư: CHI NHÁNH CÔNG TY TRÁCH NHIỆM HỮU HẠN MỘT THÀNH VIÊN NHIÊN LIỆU HÀNG KHÔNG VIỆT NAM (SKYPEC) KHU VỰC MIỀN TRUNG. Công bố: 10:25 19/03/24Thứ ba - 19/03/2024 10:24
Số KHLCNT: PL2400027708-02. Chủ đầu tư: Sở Kế hoạch và Đầu tư tỉnh Nghệ An. Công bố: 10:24 19/03/24Thứ ba - 19/03/2024 10:24
Số KHLCNT: PL2400035048-00. Chủ đầu tư: Công ty Lưới điện Cao thế Thành phố Hà Nội. Công bố: 10:24 19/03/24Thứ ba - 19/03/2024 10:23
Số KHLCNT: PL2400035068-00. Chủ đầu tư: TRUNG ĐOÀN KHÔNG QUÂN 921. Công bố: 10:23 19/03/24