介绍 html {
,,/*,标准字体大小可以,在移动端使用的rem适配的话会动态改变只*/字体大小才能:14 px;/*,才能,使用IE盒模型(个人取舍,我一般设置宽度是这是盒子的真实大小,包括填充和边界),*/,,box-sizing: border-box;
,,
}
html,身体{
,,/*,在有些手机浏览器中点击一个链接或着可点击元素的时候,会出现一个半透明的灰色背景;*/,,-webkit-tap-highlight-color: rgba (0, 0, 0, 0);
,,,/*,提升移动端滚动的体验效果,*/-webkit-overflow-scrolling才能:触摸;
流式卷动才能:触摸;
,,/*,与浏览器窗口高度一致,*/,,身高:100%;
}
身体{
,,/*,有些背景默认为浅灰色,所以统一设置为纯白,*/,,背景:# fff;
,,/*,照着antd上面来的,在公司就别用微软雅黑了,不建议字体使用雷只*/字体才能:14 px,苹果系统,BlinkMacSystemFont, & # 39; Segoe ui # 39; & # 39; PingFang sc # 39; & # 39; Hiragino Sans gb # 39; & # 39; Microsoft YaHei& # 39;
& # 39;才能Helvetica 欧元区# 39;,Helvetica, Arial,无衬线,& # 39;Apple Color Emoji& # 39; & # 39; Segoe UI Emoji& # 39; & # 39; Segoe UI 符号# 39;
,,/*,使字体更加顺滑,*/-webkit-font-smoothing:才能,平滑;
,,-moz-osx-font-smoothing:灰度;
} 的身体,
p,
h2,
h3,
h4,
h5,
代替,
h7,
戴斯。莱纳姆:,
弟弟,
ul、
ol,
th,
道明,
按钮,
数字
输入,
文本区域,
形式,
精准医疗
引用,
图{
保证金:0;
填充:0;
}
一个{
,,/*,小手,*/,,光标:指针;
,,/*,取消超链接的默认下划线,*/文字修饰才能:没有;
,,/*,antd里面还做了,,,看你团队需不需要这样的风格,*/过渡:才能,color 0.3 s 缓解;
}
ol,
ul {
,,/*,去除自带的丑样式只*/list-style才能:none ,,,,
} ,
h2,
h3,
h4,
h5,
代替,
h7,
输入,
选择、
按钮,
textarea {
字体类型:继承;
字体大小:继承;
粗细:继承;
字体样式:继承;
行高:继承;
颜色:,继承;
大纲:没有;
}
按钮,
输入(type=& # 39;提交# 39;],
输入(type=& # 39;按钮# 39;],{
,/*可点击小手,*/光标:指针;
}
,/*取消部分浏览器数字输入控件的操作按钮,容貌可以改变控件的外观只*/输入(type=& # 39;数字# 39;],{
-moz-appearance:文本框;
}
输入(type=数量)::-webkit-inner-spin-button,
输入(type=数量)::-webkit-outer-spin-button {
保证金:0;
-webkit-appearance:没有;
}/* *
,*删除Firefox中的内边框和填充。
,*/按钮::-moz-focus-inner,
(type=癰utton"):: -moz-focus-inner,
(type=皉eset"):: -moz-focus-inner,
(type=皊ubmit"):: -moz-focus-inner {
边框样式:才能,没有;
,,填充:0;
}/* *
,*让html5中隐藏的问世在中正确显示
,*/[隐藏],{
,,显示:没有;
}
template {
,/*有些浏览器会显示template 不过模板标签用的也少,自行取舍只*/显示:没有;
}
本篇文章给大家分享的是有关怎么在CSS中使用重置重置样式,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
去除浏览器默认的保证金和填充,自行删减一些不必要的标签
这些节点部分属性没有继承父节点样式,所有继承一下,并取消轮廓,外轮廓的效果
以上就是怎么在CSS中使用重置重置样式,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。
