Làm thế nào để web tương thích với các Browser khác nhau

Thứ tư - 26/12/2007 10:52

Làm thế nào để web tương thích với các Browser khác nhau

Một điều đau đầu với những người làm việc với CSS đó là việc các trình duyệt (browser) hiển thị website theo cách không hề giống nhau. Điều này là do các định dạng mặc định (default styles) của mỗi browser khác nhau.

Vậy, làm sao để hạn chế được thấp nhất các vấn đề có thể nảy sinh với browser khi làm việc với CSS. Có thể, bạn đã có lựa chọn của mình, ở đây sẽ có thêm 1 lựa chọn nữa cho bạn. Với đoạn mã CSS dưới đây, bạn sẽ loại bỏ được gần như hoàn toàn những định dạng mặc định của các browser.

PLAIN TEXT

CSS:

  1. /* Normalize padding and margins */

  2. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,

  3. form, fieldset, input, p, blockquote, th, td {

  4.     margin: 0;

  5.     padding: 0;

  6. }

  7.  

  8. /* Normalize header sizes */

  9. h1, h2, h3, h4, h5, h6 {

  10.     font-size: 100%;

  11. }

  12.  

  13. /* Normalize list styles */

  14. ol, ul {

  15.     list-style: none;

  16. }

  17.  

  18. /* Normalize font style and weight on odd elements */

  19. address, caption, cite, code, dfn, em, strong, th, var {

  20.     font-style: normal;

  21.     font-weight: normal;

  22. }

  23.  

  24. /* Normalize table borders */

  25. table {

  26.     border-collapse: collapse;

  27.     border-spacing: 0;

  28. }

  29.  

  30. /* Normalize other borders */

  31.     fieldset, img {

  32.     border: 0;

  33. }

  34.  

  35. /* Normalize text-alignment */

  36. caption, th {

  37.     text-align: left;

  38. }

  39.  

  40. /* Normalize (remove) quotation marks */

  41. q:before, q:after {

  42.     content: '';

  43. }


Chú ý:Với đoạn mã trên chỉ giúp bạn tránh được nhiều vấn đề gặp phải với CSS, nhưng không phải tất cả. Vì thế, khi gặp những vấn đề liên quan đến CSS, có lẽ Google là người trợ giúp tốt nhất.

Nguồn tin: 3CdotCom

Tổng số điểm của bài viết là: 0 trong 0 đánh giá

Click để đánh giá bài viết

Theo dòng sự kiện

Xem tiếp...

Những tin mới hơn

Những tin cũ hơn

Logo và tên gọi NukeViet

Tên gọi: NukeViet phát âm là [Nu-Ke-Việt], đây là cách đọc riêng, không phải là cách phát âm chuẩn của tiếng Anh. Ý nghĩa: NukeViet là từ ghép từ chữ Nuke và Việt Nam. Sở dĩ có tên gọi này là vì phiên bản 1.0 và 2.0 của NukeViet được phát triển từ mã nguồn mở PHP-Nuke. Mặc dù từ phiên bản 3.0,...

Thăm dò ý kiến

Bạn biết gì về NukeViet 4?

Thống kê truy cập
  • Đang truy cập113
  • Máy chủ tìm kiếm12
  • Khách viếng thăm101
  • Hôm nay22,667
  • Tháng hiện tại542,792
  • Tổng lượt truy cập103,412,852
Thông tin mời thầu
Left-column advertisement
Tin từ NukeViet.vn
Kế hoạch lựa chọn nhà thầu
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây