平常不怎么注重样式重置
今天特地查看了一些网页
总结出了自己的basic文件
你是怎么写的呢???
一起来分享吧!
CSS Reset简单来讲就是根据我们自己编写页面的需求重新设置css属性,css reset主要是因为html标签在浏览器中都有各自的默认样式。
不同的浏览器对于html标签的解释各不相同,重置css可以使得html标签在各个浏览器下产生相同的表现效果。
所以......
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, dialog, figure, footer, header, hgroup, menu, nav, section, menu,time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-weight: normal;
font-family:Microsoft YaHei,SimSun
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block;
}
ul,ol {list-style:none;}
a {text-decoration: none;outline:none;}
fieldset,img {border: 0;vertical-align: middle}
select,input {vertical-align: middle;font-family: Microsoft YaHei;}
table {border-collapse: collapse}
button {cursor: pointer}
.fl{float:left;}
.fr{float:right;}
/*清除浮动代码 clearfloat放在浮动元素的父元素上*/
.clearfloat:after{
display:block;
clear:both;
content:"";
visibility:hidden;
height:0;
}
.clearfloat{zoom:1}
了解更多技术知识 请关注
前端技术小知识