Detailed explanation of what CSS styles need to be defined globally

高洛峰
Release: 2017-03-27 17:34:38
Original
1663 people have browsed it

这篇文章主要为大家详解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 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td /* table elements 表格元素 */{ margin:0; padding:0; } /** 设置默认字体 **/ body, button, input, select, textarea /* for ie */{ font:12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; } h1, h2, h3, h4, h5, h6{ font-size:100%;} 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{ color:#656D77;} a:hover{ color:#333; text-decoration:underline;} a:visited{ color:#656D77;} sup{ vertical-align:text-top;} /* 重置,减少对行高的影响 */ sub{ vertical-align:text-bottom;} /** 重置表单元素 **/ legend{ color:#000;} /* for ie6 */ fieldset, img{ border:0;} /* img 搭车:让链接里的 img 无边框 */ button, input, select, textarea{ font-size:100%;} /* 使得表单元素在 ie 下能继承字体大小 */ div{ overflow:hidden;}
Copy after login

The above is the detailed content of Detailed explanation of what CSS styles need to be defined globally. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!