首頁 > web前端 > css教學 > 主體

詳解CSS樣式要全域定義的內容

高洛峰
發布: 2017-03-27 17:34:38
原創
1749 人瀏覽過

这篇文章主要为大家详解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;}
登入後複製

以上是詳解CSS樣式要全域定義的內容的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板