css清除默认样式和设置公共样式的方法
建站知识 2021-07-03 07:55www.168986.cn长沙网站建设
CSS 清除默认样式
通常的清除默认样式
{ margin:0; padding:0 } li{ list-style:none } img{ vertical-align:; border:none }
设置默认字体
body, button, input, select, textarea / for ie / { font: 14px/1.5 tahoma, \5b8b\4f53, sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;} address, cite, dfn, em, var { font-style: normal; } / 将斜体扶正 / code, kbd, pre, samp { font-family: courier new, courier, monospace; } / 统一等宽字体 / small { font-size: 12px; } / 小于 12px 的中文很难阅读, 让 small 正常化 / / 重置列表元素 / ul, ol { list-style: none; } / 重置文本格式元素 / a { text-decoration: none; } a:hover { text-decoration: underline; } sup { vertical-align: text-; } / 重置, 减少对行高的影响 / sub { vertical-align: text-bottom; } / 重置表单元素 / legend { color: #000; } / for ie6 / fieldset, img { border: 0; } / img 搭车让链接里的 img 无边框 / button, input, select, textarea { font-size: 100%; } / 使得表单元素在 ie 下能继承字体大小 / / 注optgroup 无法扶正 / / 重置 HTML5 元素 / article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; } mark { background: #ff0; } / 设置placeholder的默认样式 / :-moz-placeholder { color: #ddd; opacity: 1; } ::-moz-placeholder { color: #ddd; opacity: 1; } input:-ms-input-placeholder { color: #ddd; opacity: 1; } input::-webkit-input-placeholder { color: #ddd; opacity: 1; }
select标签
select { border: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; /在选择框的最右侧中间显示小箭头图片/ background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent; padding-right: 14px; }
重置表格元素
table { border-collapse: collapse; border-spacing: 0; }
重置hr
hr { border: none; height: 1px; }
清除< ol > < ul >的默认样式
ul, ol, { margin: 0; padding: 0; list-style: n; }
.button按钮
.button{ border:0; background-color:none outline:none; -webkit-appearance: none;//用于IOS下移除原生样式 }
.< a >标签
a{ text-decoration:none; color:#333; }
< input >标签
input{ border: none; appearance:none; -moz-appearance:none; outline:none;//input标签聚焦不出现默认边框: -webkit-appearance: none;//用于IOS下移除原生样式 } //or: input:focus{ outline:none; }//input标签聚焦不出现默认边框: border: none; appearance:none; -moz-appearance:none; outline:none;//input标签聚焦不出现默认边框: -webkit-appearance: no
以上所述是长沙网络推广给大家介绍的css清除默认样式和设置公共样式的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持!
如果你觉得本文对你有帮助,欢迎网络推广网站推广转载,烦请注明出处,谢谢!
上一篇:uni-app中使用scss的示例代码
下一篇:CSS 阴影动画优化技巧
长沙网站设计
- 如何进行东阳SEO关键词优化?
- 边坝哪有关键词排名优化:提升你的网站流量与
- 安国百度优化服务:提升您的在线可见性
- 阜康新手做SEO怎么做
- 山西seo网站排名关键词优化:提升您网站曝光率
- 临沂seo网站排名关键词优化:提高你的网站可见
- 广西SEO网站推广怎样付费比较合理
- 双辽SEO网站推广:提升你的网站可见性与流量
- 辽宁企业网站优化购买方式有哪些
- 提升宝清百度SEO排名的实用技巧与策略
- 静宁百度SEO排名:提升您网站曝光率的关键策略
- 彭州百度SEO排名的提升策略和实施指南
- 广南百度关键词SEO:提升网站排名的关键策略
- 辽宁关键词优化怎么做论坛营销
- 吉林百度seo排名如何做到让用户满意
- 内黄百度优化服务:提升在线可见性的关键