reset.css分享

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示,使得在任何编码下都无问题 */
}

/*h1 { font-size: 18px;  18px / 12px = 1.5  }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }*/

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { 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; }     */

abbr[title], acronym[title] { /* 注:1.ie6 不支持 abbr; 2.这里用了属性选择符,ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车:让链接里的 img 无边框 */
/* 注:optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }

/*去除select下拉三角*/
select {
    -webkit-appearance: none;
    -moz-appearance: none;
}
/*重置所有的颜色*/
html {
 color: #000;
 background: #FFF;
}
/*某些浏览器中,q或者blockquote前后会出现引号*/
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
/*select取出下拉小箭头*/
select {
    -webkit-appearance:none;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • reset.css在HTML标签在浏览器里有默认的样式,例如 p 标签有上下边距,strong标签有字体加粗样式,...
    Maggie_77阅读 5,646评论 0 2
  • Max没事的时候喜欢翻一翻前端的网站,这阵子找到几个不错的CSS网站分享给大家。 brand-colors Bra...
    AmazingMax阅读 7,453评论 0 2
  • 结束了,顿时有种轻松,会想想婚姻…而不是爱情。 妈妈病了,做手术,爸爸不离不弃,陪床照顾,让我思考,我以后的伴侣,...
    西瓜爱南瓜阅读 1,481评论 0 0
  • 张家界,古称大墉,峰奇景秀,地美人杰,造化之工,于此尽显,世间风雅,莫过于此。 向之所待,终是不负。 仰卧溪中,看...
    单子老师阅读 2,972评论 4 1
  • 你认为每次作决定都是有意识的。但实际上不是。你们无法选择身体的一些物质,像DNA、种族、指纹等等;而心理上,你的行...
    高娇阅读 1,414评论 0 1

友情链接更多精彩内容