どの CSS スタイルをグローバルに定義する必要があるかについての詳細な説明

高洛峰
リリース: 2017-03-27 17:34:38
オリジナル
1761 人が閲覧しました

这篇文章主要为大家详解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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート