Bày tỏ IT

Thiết lập lại CSS / CSS để thiết lập một số các phong cách yếu tố cơ bản cụ thể mà tạo ra sự nhất quán trên các trình duyệt khác nhau.

Chúng tôi tất cả đã được thông qua những cơn ác mộng bằng văn bản qua trình duyệt CSS. Vì vậy, khi chúng tôi bắt đầu viết CSS của chúng tôi, là một thực hành để thiết lập lại nó đầu tiên để loại bỏ / đặt lại các mâu thuẫn bất kỳ trình duyệt chéo. CSS Đặt lại, vài đường nét đơn giản của CSS mà bạn bắt đầu CSS của bạn, cho bạn một nền tảng tốt để bắt đầu xây dựng của bạn khi.

Reset CSS mà tôi thường có xu hướng sử dụng trông như thế này

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

ol, ul {
danh sách theo phong cách: không;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-trọng lượng: bình thường;
}

Thiết lập lại kích thước font chữ của trình duyệt
Đồng thời lưu ý các thiết lập lại đã được áp dụng cho kích thước font chữ của trình duyệt trong các dòng sau đây ...

html {font-size: 76%;}

Các reset CSS trên trình duyệt kích thước phông chữ là 10 pixels, và điều này làm cho nó có thể làm việc với cỡ chữ tương đối (đó là hàng quan trọng từ một tuân thủ WAI prespective)
Đối với ví dụ, định nghĩa sau đây, font-size trong một khoảng được thiết lập 10 pixels và trong paragarph được thiết lập đến 14 điểm ảnh ...

span {font-size: 1em;}
p {font-size: 1.4em;}