暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

你的css Reset 是怎样写的???

一片生活枫叶 2021-09-28
1057

平常不怎么注重样式重置

今天特地查看了一些网页

总结出了自己的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}


了解更多技术知识 请关注

前端技术小知识


文章转载自一片生活枫叶,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论