本节内容:
css样式引入
这里先介绍下css样式的优先级,由高到低顺序:
1、内联样式(在 HTML 元素内部)
2、内部样式表(位于 <head> 标签内部)
3、外部样式表
4、浏览器缺省设置
一,引入外部样式表
复制代码 代码示例:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
二,内部样式表
复制代码 代码示例:
<head>
<style type="text/css">
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
</style>
</head>
三,内联样式
复制代码 代码示例:
<p style="color: sienna; margin-left: 20px">
This is a paragraph
</p>
就是这些了,在实际的网页制作中,灵活运用这三种css样式引入方法,做出更符合w3c规范的网页。