小编给大家分享一下CSS中如何重置样式,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! 1、css初
小编给大家分享一下CSS中如何重置样式,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
1、css初始化标签在所有浏览器中的margin、padding值(内外边距)
body,h2,h3,h4,h5,h6,h7,hr,p,blockquote,
dl,dt,dd,ul,ol,li,
pre,
fORM,fieldset,legend,button,input,textarea,
th,td{
margin:0;
padding:0;
}
2、css重置页面元素样式
body{background:#fff}
body,th,td,input,select,textarea,button{
font-size:12px;line-height:1;font-family:"微软雅黑","黑体","宋体";color:#666;
}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5,h6,h7{font-size:100%;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
code,kbd,pre,samp{font-family:couriernew,courier,monospace;}
small{font-size:12px;}
3、css重置列表元素样式
dl,ul,ol,menu,li{list-style:none}
4、css重置文本格式元素样式(鼠标效果)
a{color:#666;text-decoration:none}
a:active,a:hover{text-decoration:none}
a{outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
5、css重置表单元素样式
legend{color:#000;}
fieldset,img{border:0none}
button,input,select,textarea{
font-size:100%;
vertical-align:middle;
}
button{border:0none;background-color:transparent;cursor:pointer}
img{vertical-align:top}
6、css重置表格元素样式
caption{display:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
7、清除浮动
.clear{clear:both;}
.clearfix:before,.clearfix:after{content:'';display:table;}
.clearfix:after{clear:both;}
8、css重置嵌套引用
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
以上是“css中如何重置样式”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网node.js频道!
--结束END--
本文标题: css中如何重置样式
本文链接: https://www.lsjlt.com/news/89350.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0