html5reset.css là gì? hay còn gọi htmlreset.css là gì?

Đa số nhiều người thắc mắc và không biết htmlreset.css là gì hoặc html5reset.css là gì ? Thật ra hai tên gọi này chỉ là một nhưng một số trình duyệt mới bây giờ một số thẻ html5 được sử dụng còn một số trình duyệt củ thì thẻ html5 không được sử dụng. Tạm thời gọi theo trào lưu mới bây giờ là html5reset.css

Thường thì lúc mới đầu đi làm tớ không quan tâm vấn đề html5reset.css này cho lắm(nói chung là tớ không biết 😀 ) vì đa số coder html5, html cơ bản thường tự viết và không bao giờ dùng framework nhưng một người Front End Developer thì khác , họ biết phải sử dụng cái nào phù hợp nhất cho việc làm website mà vì thế htmlreset.css đã ra đời đối với tớ như vậy.

Firefox, Safari,  Opera, Cờ rôm (cốc cốc), chrome , IE tạm thời tớ biết được nhiêu đây thôi á nha. Tất cả trình duyệt này đều có cấu trúc và thẻ html khác nhau , và để đồng nhất tất cả chúng lại thì ta có htm5reset.css cơ bản chức năng nó là như vậy.

 

/* html5reset.css – 07/07/2014*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display: block;
}

nav ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: ”;
content: none;
}

a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}

/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}

input, select {
vertical-align: middle;
}

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s