Bấm SUBSCRIBE ngay để theo dõi video mới trên youtube:

Reset Css là gì? Code reset css chuẩn được dùng trong các website

Như chúng ta đã biết các phần tử html có những quy tắc hiển thị do từng trình duyệt quy định có thể giống nhau hoặc khác nhau. Vì vậy nên chúng ta cần điều chỉnh tất cả các style của các đối tượng html về một tiêu chuẩn chung làm điểm xuất phát, giúp cho việc hiển thị của các ứng dụng trên các thiết bị được tương đồng nhau. 

Vì thế trong CSS có khái niệm RESET CSS. Nó có chức năng đưa việc hiển thị của các đối tượng trong CSS thành một quy chuẩn nhất định trên tất cả các trình duyệt. 
 

Nội dung file Reset trong Css

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, font, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    color:#555;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
     text-decoration:  none;
}
	
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    clear: both;
    display: block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*Add your css into here*/
.fl_left{ float: left;}
.fl_right{ float: right;}

Kết luận

Trong bài này tôi đã giới thiệu các bạn file reset trong CSS và vai trò của nó trong việc xây dựng website. Chúc các bạn xây dựng giao diện website một cách logic và ổn định trên các trình duyệt. 

Url Link

http://hocweb123.com/reset-css-la-gi-code-reset-css-chuan-duoc-dung-trong-cac-website.html

Reset Css là gì? Code reset css chuẩn được dùng trong các website