Iris Tips
Iris TipsReset CSS in Design
Khi bạn mới bắt đầu vào công việc web design, chắc chắn không ít người ngỡ ngàng với sự thay đổi các chi tiết thiết kế của mình trên các trình duyệt là khác nhau. Khi mỗi trình duyệt đều có style mặc định cho trình duyệt của họ và không phải tất cả là giống nhau. Khi bạn sắp xếp mọi thứ thật đẹp trên trình duyệt này rồi xem ở một trình duyệt khác bạn ngạc nhiên tự hỏi "Tại sao ở đây lại bị cách ra vậy?", "Tại sao chỗ này lại chui xuống dưới nhỉ?"... Và bạn sẽ tìm cách để sửa nó sao cho thể hiện được ở trình duyệt kia. Vì vậy, chúng ta cần một style default nhất quán trong tất cả các trình duyệt. Hãy tạo cho mình một file reset CSS của chính mình, nó sẽ giúp việc các style trên các browser khác nhau là nhất quán.
Code
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!
Created by nathdesigner/Iris Tips
Mẹo nhỏ khi bình luận