Nếu bạn đang sử dụng CSS, có thể bạn cần có giá trị CSS đặt lại để trang hiển thị chính xác trong IE8. Tôi đã cung cấp liên kết cũng như đoạn trích từ http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/. Điều này có thể giúp bạn. Nếu bất cứ điều gì đây là một trang web tốt đẹp để đọc nếu bạn đang bắt đầu phát triển.
Một reset đến nơi tất cả bắt đầu ...
Khái niệm về CSS Thiết lập lại lần đầu tiên được thảo luận chính thức cách trở lại khi khủng long vẫn còn lang thang internet (2004 để được chính xác) bởi Andrew Krespanis. Trong bài viết của mình, ông gợi ý sử dụng bộ chọn phổ quát (*) vào lúc bắt đầu của file CSS của bạn để chọn tất cả các yếu tố và cung cấp cho họ giá trị 0 cho margin và padding, như vậy:
* {
margin: 0;
padding: 0;
}
Các hành vi chọn phổ biến giống như một tìm kiếm ký tự đại diện, tương tự như đối sánh cụm từ thông dụng trong lập trình. Vì trong trường hợp này, dấu * không phải trước bởi một bộ chọn khác, tất cả các phần tử (theo lý thuyết - một số trình duyệt không hỗ trợ đầy đủ) là khớp và do đó tất cả các lề và phần đệm của tất cả các phần tử đều bị loại bỏ (vì vậy chúng ta tránh khoảng cách sự khác biệt được hiển thị trong Ví dụ 1).
Áp dụng đặt lại lề/đệm chọn chung cho ví dụ trước của chúng tôi, bây giờ chúng tôi xóa tất cả khoảng cách không nhất quán giữa tất cả các trình duyệt (nói cách khác, chúng tôi không làm cho trình duyệt nghĩ đến chúng tôi, chúng tôi chỉ cho họ xem ai là sếp).
Ví dụ 2: Áp dụng phổ lề selector/padding reset
Nhưng bây giờ chúng tôi không có bất kỳ khoảng cách giữa các đoạn, vì vậy ở đâu đó bên dưới reset chọn phổ biến của chúng tôi, chúng tôi sẽ tuyên bố cách chúng ta muốn đoạn văn của chúng tôi để trông giống như.Bạn có thể làm điều đó theo một số cách - bạn có thể đặt lề (hoặc đệm) ở đầu hoặc đầu đoạn văn của bạn, hoặc cả hai. Bạn có thể sử dụng ems làm đơn vị hoặc pixel hoặc phần trăm của mình.
Điều quan trọng là chúng tôi chọn cách trình duyệt sẽ hiển thị. Ví dụ của chúng tôi, tôi đã chọn để thêm lề (thay vì đệm) cả ở đầu đoạn văn và ở dưới cùng - nhưng đó là lựa chọn của tôi, bạn có thể muốn làm điều đó một cách khác nhau.
Đây là những gì tôi đã sử dụng:
* { margin:0; padding:0; }
p { margin:5px 0 10px 0; }
Ví dụ 3: Khai báo một quy tắc phong cách sau khi chọn phổ biến.
Note: The example I used for discussion is a simplified example. If you only used paragraphs for your web pages and no other elements, you wouldn’t want to reset your margins to 0 using the universal selector only to declare a style rule right after it for your paragraph. We’ll discuss this more fully along with other best practices later on down the page.
Ngay sau đó - CSS guru Eric Meyer tiếp tục xây dựng khái niệm về lề và lề đặt lại. Trong quá trình khám phá của Eric Meyer, ông thảo luận về công việc của Tanek đã xóa bỏ các kiểu HTML mặc định (mà ông gọi là undohtml.css) không chỉ đặt lại lề và đệm, mà còn các thuộc tính khác như chiều cao dòng, kiểu phông chữ và kiểu danh sách (một số trình duyệt sử dụng các dấu đầu dòng khác nhau) cho các mục danh sách không có thứ tự). Sau khi lặp đi lặp lại nhiều lần và tinh chỉnh, chúng tôi đến một giải pháp tuyệt vời gọi là CSS Reset Reloaded CSS Reset, không chỉ làm cho phương pháp đặt lại CSS này chính xác hơn phương pháp chọn phổ quát bằng cách sử dụng độ đặc hiệu cao hơn bằng cách đặt tên cho tất cả các thẻ HTML có thể (bộ chọn chung không áp dụng đặt lại cho tất cả các thẻ HTML), nhưng cũng đặt giá trị mặc định cho các phần tử phiền hà như bảng (trong đó thuộc tính border-collapse không được hiển thị nhất quán trên các trình duyệt). Tất nhiên, có các phương pháp khác để đặt lại CSS của bạn (chẳng hạn như YUI Reset CSS của Yahoo! Tôi hiện đang sử dụng trên Six Revisions), và bạn có thể tự cuộn dựa trên sở thích và nhu cầu dự án của mình.
SITE: http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/
Chú ý: Tôi là loại mới tại này, vì vậy hãy chịu với tôi.
Bạn sẽ cần thêm một vài chi tiết khác trước ... CSS? Cấu trúc HTML cơ bản? – benhowdle89
Điều đó thật buồn cười, khi tôi nhìn vào tờ định kiểu CSS để có được những chi tiết đó, tôi đã thấy một cái gì đó mà tôi chưa từng thấy trước đây, và nó đã khắc phục được vấn đề! Tôi sẽ đặt nó ở đây như là một câu trả lời trong trường hợp bất cứ ai khác gặp một cái gì đó như thế này. – BCXtreme