Làm việc tốt với các Browser

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. /* Normalize header sizes */

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

  9. font-size: 100%;

  10. }

  11. /* Normalize list styles */

  12. ol, ul {

  13. list-style: none;

  14. }

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

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

  17. font-style: normal;

  18. font-weight: normal;

  19. }

  20. /* Normalize table borders */

  21. table {

  22. border-collapse: collapse;

  23. border-spacing: 0;

  24. }

  25. /* Normalize other borders */

  26.     fieldset, img {

  27. border: 0;

  28. }

  29. /* Normalize text-alignment */

  30. caption, th {

  31. text-align: left;

  32. }

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

  34. q:before, q:after {

  35. content: ”;

  36. }

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.

Theo Letunglam

Gửi phản hồi

Please log in using one of these methods to post your comment:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: