如何插入样式表
插入样式表的方法有三种:
- 外部样式表(External style sheet)
- 内部样式表(Internal style sheet)
- 内联样式(Inline style)
优先级：内联 > 内部 > 外部
外部样式表
<head><linkrel="stylesheet"type="text/css"href="mystyle.css"></head>/* mystyle.css */hr{color:sienna;}p{margin-left:20px;}body{background-image:url("/images/back40.gif");}内部样式表
<head><style>hr{color:sienna;}p{margin-left:20px;}body{background-image:url("images/back40.gif");}</style></head>内联样式
<pstyle="color:sienna;margin-left:20px">这是一个段落。</p>多重样式
如果某些属性在不同的样式表中被同样的选择器定义，那么属性值将从更具体的样式表中被继承过来。
一般情况下，优先级如下：
（内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式
注意：如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式
<head><!-- 设置：h3{color:blue;} --><styletype="text/css">/* 内部样式 */h3{color:green;}</style><!-- 外部样式 style.css --><linkrel="stylesheet"type="text/css"href="style.css"/></head><body><h3>显示蓝色，是外部样式</h3></body>
