css清除默认样式和设置公共样式的方法

CSS 清除默认样式

通常的清除默认样式：

*{
    m arg in:0;
    padding:0
}
li{
    list -s tyle:none
}
 img {
    vert ical -align:to p; 
    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, c IT e,  DF n, em,  VAR  { font-style: normal; } /* 将 斜体 扶正 */
code, kbd,  PR e, s am p { font-f ami ly: 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 -t op; } /* 重置, 减少对行高的影响 */
s ub  { vertical-align: text-bottom; }
/** 重置表单元素 **/
legend { color:  # 000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */
/* 重置 HT ML 5 元素 */
article, aside, det ai ls, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    dis play : block;
    mar gin : 0;
    padding: 0;
}
mark { background: #ff0; }
/* 设置placeholder的默认样式 */
:-moz-placeholder {
    color: #ddd;
    opacity: 1;
}
 :: -moz-placeholder {
    color: #ddd;
    opacity: 1;
}
input:-ms -i nput-placeholder {
    color: #ddd;
    opacity: 1;
}
input::- webkit -input-placeholder {
    color: #ddd;
    opacity: 1;
}

select标签

select {
    border: none;
    ap PE arance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("http://ourjs.github.io/ stat ic/2015/arrow.png") no-repeat scroll right  center  transparent;
    padding-right: 14px;
}

重置表格元素

table {
border-collapse: collapse;
border-spacing: 0;
}

重置 hr

hr {
    border: none;
    h ei ght: 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清除默认样式和设置公共样式的方法, 希望对大家有所帮助 ，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你 觉得 本文对你有帮助，欢迎 转载 ，烦请注明出处，谢谢！

总结

以上是 为你收集整理的 css清除默认样式和设置公共样式的方法 全部内容，希望文章能够帮你解决 css清除默认样式和设置公共样式的方法 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于css清除默认样式和设置公共样式的方法的详细内容...