码迷,mamicode.com
首页 > Web开发 > 详细

css通用样式

时间:2020-02-05 18:38:21      阅读:275      评论:0      收藏:0      [点我收藏+]

标签:微软雅黑   container   svg   lin   text   overflow   Fix   pad   隐藏   

/*===========================================通用样式========================================*/
body,p,ul,ol,dl,dd,hr,h1,h2,h3,h4,h5,h6,figure,ul,ol,th,td,button,input,fieldset,legend,textarea,option{margin: 0;padding: 0;}
table{border-collapse:collapse;}
input, button {border: 0;outline: none;}
i,em,strong,b{font-style:normal;font-weight:normal;}
body {font-family: "微软雅黑" !important;}
a {text-decoration: none;}
li {list-style: none}
img {border: 0;vertical-align: top;}
.clearfix{zoom:1;}
.clearfix:after { /*在类名为“clearfix”的元素内最后面加入内容*/
    content: "."; /*内容为“.”就是一个英文的句号而已。也可以不写*/
    display: block; /*加入的这个元素转换为块级元素*/
    clear: both; /*清除左右两边浮动*/
    visibility: hidden; /*可见度设为隐藏。注意它和display:none;是有区别的。仍然占据空间,只是看不到而已*/
    height: 0; /*高度为0*/
    font-size: 0; /*字体大小为0*/
    overflow: hidden;
}
/*字体图标*/
@font-face {
    font-family: ‘iconfont‘;
    src: url(‘../font/iconfont.eot‘);
    src: url(‘../font/iconfont.eot?#iefix‘) format(‘embedded-opentype‘),
    url(‘../font/iconfont.woff2‘) format(‘woff2‘),
    url(‘../font/iconfont.woff‘) format(‘woff‘),
    url(‘../font/iconfont.ttf‘) format(‘truetype‘),
    url(‘../font/iconfont.svg#iconfont‘) format(‘svg‘);
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.container {
    width: 1170px;
    margin: 0 auto;
}

 

css通用样式

标签:微软雅黑   container   svg   lin   text   overflow   Fix   pad   隐藏   

原文地址:https://www.cnblogs.com/wuqilang/p/12264568.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!