【vue-清除默认样式-完结】

vue-清除默认样式

1.在public文件夹创建reset.css

/* @import "./iconfont.css"; *//* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
fieldset, lengend, button, input, textarea,
th, td {margin: 0;padding: 0;
}
input {border: 0;outline: none;padding: 0;box-sizing: border-box;
}img {vertical-align: middle;
}/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie *//*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/font: 12px/1.3 "Microsoft YaHei",Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */color: #333;
}h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }address, cite, dfn, em, var, i{ font-style: normal; } /* 将斜体扶正 */
b, strong{ font-weight: normal; } /* 将粗体扶细 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 *//* 重置列表元素 */
ul, ol { list-style: none; }/* 重置文本格式元素 */
a { text-decoration: none; color: #666;}/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; }
button, input, select, textarea {font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}/* 重置表格元素 */
table {border-collapse: collapse;border-spacing: 0;
}/* 重置 hr */
hr {border: none;height: 1px;
}
.clearFix::after{content:"";display: block;clear:both;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }a:link:hover{color : rgb(79, 76, 212) !important;text-decoration: underline;
}/* 清除浮动 */
.clearfix::after {display: block;height: 0;content: "";clear: both;visibility: hidden;
}

2.在main.js中引入

import '@/assets/style/reset.css'

【vue-清除默认样式-完结】相关推荐

CSS如何清除默认样式，背景属性
第一个阶段,开发环境和工具准备浏览器 (Google,FireFox,-) 下载,安装前端开发工具vscode, 下载.安装 node.npm.webpack.webpack-cli.cnpm,配置 ...
表单单选多选项清除默认样式小技巧
工作中做项目都会遇到表单单选.多选项的样式问题,对于一个刚入行的菜鸟来说,可能不知道如何修改很low的选项默认样式,下表给初学者提供了改变默认样式的小技巧首先要清除默认样式,非常简单的css: i ...
uniapp button 清除默认样式
开发小程序时,引用提供的button按钮,发现样式不太友好,需要重置一下清除默认样式 button{padding: 0;margin: 0;} button::after{ border: non ...
html默认样式重置,我们真的需要CSS重置来清除默认样式吗？
每个浏览器都有他自己的一个默认样式,用来保证HTML在没有自定义样式的情况下也能被有据可循的渲染,比如:未访问的链接是蓝色.访问过的是紫色.strong标签加粗显示.H1的字号大一些.然而,各厂商就是 ...
CSS 清除默认样式模版
宽度计算一定是包括自己设置宽度+边框宽度+padding宽度+margin宽度组成,因为一些组件默认含有一定的样式,开发前如不进行原有格式清除,很容易造成结构错位. 首先给大家分享我的及CSS网页使用 ...
移动web开发清除默认样式设置
/*reset css*/ *,::before,::after{margin:0;padding:0;/*清除移动端默认的点击高亮效果*/-webkit-tap-highlight-color:tr ...
CSS清除默认样式，面试篇
前言过完年了,准备实习的你是已经在实习了,还是已经辞职回家过年,准备年后重新找工作呢,又或者是准备2021年春招? 那么还没没踏出校门或者是刚出校门没多久的同学们该如何准备前端校招的面试呢? 学习建 ...
CSS清除默认样式，聪明人已经收藏了！
1.ant-design的使用总结及常用组件和他们的基本用法? ant-design为React,Angular和Vue都提供了组件,同时为PC和移动端提供了常用的基础组件.ant-design提供的 ...
CSS如何清除默认样式，值得收藏！
一.如何入门,学习建议在你开始入手学习前,有一些小的建议.根据我自己学习的经验发现,这些建议在现在乃至我以后的岗位生涯里都是有很大帮助的.还有就是开始学习前,建议可以先花几天时间,查找一些如何入门的 ...

【vue-清除默认样式-完结】

vue-清除默认样式

【vue-清除默认样式-完结】相关推荐

最新文章

热门文章