CSS全部标签属性重置语法

简单介绍

每个浏览器默认的属性不同,像谷歌浏览器不设置的话,默认每个元素是有外边距margin的,有的浏览器列表还会带上序号,有的浏览器就没有。

所以为了让所有浏览器都一致,在写CSS开始前,我们都需要用CSS把全部标签属性重置一次,艾米自用的重置CSS代码分享给大家。

CSS源码

css 复制代码
*{padding:0px;margin:0px;box-sizing:border-box;}
h1,h2,h3,h4,h5{font-weight:normal;}
ul,ol,dl,li{list-style:none;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;}
input{outline:none;background:none;}input::-ms-clear{display:none;}input::-ms-reveal{display:none;}input[type=text]::-ms-clear{display:none;}
textarea{resize:none;}
table{font-size:inherit;border-collapse:collapse;border-spacing:0;}
img,input,button{border:0px;}:focus{outline:0;}
a:link,a:visited{text-decoration:none;}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-thumb{min-height:28px;padding-top:100;background-color:rgba(0,0,0,0.2);
-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:5px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.07);}
相关推荐
小李子呢02115 分钟前
前端八股---脚手架工具Vue CLI(Webpack) vs Vite
前端·vue.js·webpack
2401_885885047 分钟前
群发彩信接口怎么开发?企业级彩信发送说明
前端·python
PILIPALAPENG8 分钟前
第2周 Day 5:前端转型AI开发,朋友问我,你到底在折腾啥?
前端·人工智能·python
Mintopia14 分钟前
前端卡顿的真相:不是你代码慢,是你阻塞了
前端
kyriewen15 分钟前
可选链 `?.`——再也不用写一长串 `&&` 了!
前端·javascript·ecmascript 6
Mintopia16 分钟前
别再乱加缓存:一套判断"该不该缓存"的方法
前端
AnalogElectronic17 分钟前
html+js+css实现七龙珠神龙召唤特效
javascript·css·html
Leisureconfused18 分钟前
【记录】Node版本兼容性问题及解决
前端·vue.js·npm·node.js
Highcharts.js19 分钟前
React 应用中的图表选择:Highcharts vs Apache ECharts 深度对比
前端·javascript·react.js·echarts·highcharts·可视化图表·企业级图表
腹黑天蝎座19 分钟前
如何实现自定义的虚拟列表
前端·react.js