common.css文件

记录一下常用的全局css——common.css

body{overflow-x:hidden;}

body,dl,dd,h1,h2,h3,h4,h5,h6,p,form,pre,textarea{margin:0;font-family:"微软雅黑","Microsoft YaHei";font-size:14px;}

a{text-decoration:none; outline:none;}

a:hover{text-decoration:none;}

ol,ul,button{margin:0;padding:0;}

td,th,input{padding:0;}

input,select,textarea,button,iframe{vertical-align:middle;border:none;outline:none;}

input,select,textarea,iframe {background:#FFF;}

input[readonly] {color: #999999;background-color: #eeeeee;}

br{line-height:0;font-size:0;}

li{list-style-type:none;}

img{border:0;}

ul,ol{list-style:none;}

em,i{font-weight:normal;font-style:normal;}

table{border-collapse:collapse;width:100%;}

td,th{word-wrap:break-word;word-break:break-all;overflow:hidden;}

.clear{clear:both;line-height:0px;font-size:0px;overflow:hidden;}

ul li{float: left;}

.fl{float: left;}

.fr{float: right;}

.va{vertical-align:middle;}

.bs{box-sizing:border-box;}

.mar-auto{margin:0 auto;}

.no-mar{margin:0 !important;}

.ellipsis {overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}

.cp {cursor:pointer}

使用方法

以vue的cli框架为例，其他框架也大同小异。

1. 在assets的css文件夹下新增common.css文件
2. 在项目的main.js下引入该文件即可

import '@/assets/css/common.css';