CSS全部标签属性重置语法

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

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

所以为了让所有浏览器都一致,在写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);}
相关文章
|
2月前
|
XML 前端开发 数据格式
css语法
【2月更文挑战第26天】css语法
24 6
|
2月前
|
前端开发
css的语法
【4月更文挑战第12天】css的语法
22 2
|
2月前
|
前端开发
CSS 语法
【5月更文挑战第3天】CSS 语法。
35 10
|
2月前
|
前端开发
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
|
2月前
|
前端开发 JavaScript 索引
CSS常见用法 以及JS基础语法
CSS常见用法 以及JS基础语法
33 0
|
2月前
|
前端开发
CSS的语法是用来定义网页中元素样式的规则集合
【4月更文挑战第6天】CSS的语法是用来定义网页中元素样式的规则集合
28 5
|
2月前
|
前端开发
CSS的常用语法
【4月更文挑战第7天】CSS的常用语法
17 3
|
2月前
|
开发框架 前端开发 搜索推荐
标题:【专栏:CSS进阶篇】CSS样式重置与框架:快速构建统一风格的网页
【4月更文挑战第30天】本文探讨了CSS样式重置和框架在确保网页跨浏览器一致性中的作用。样式重置通过消除默认样式差异实现一致外观,而CSS框架如Bootstrap提供预设样式和组件,加速开发并保证页面一致性。框架还有响应式设计和易于维护的优点,但也可能限制自定义和增加性能开销。选择使用哪种工具应根据项目需求、团队技能和设计复杂度来决定。开发者可结合使用两者以平衡灵活性和控制。
N..
|
2月前
|
前端开发
CSS定义的基本语法
CSS定义的基本语法
N..
14 1
|
2月前
|
前端开发
css3基础语法与盒模型
css3基础语法与盒模型
22 0