- 浏览器会根据样式表来格式化HTML 文档
- 插入样式表的方法有三种:
- 外部样式表
- 内部样式表
- 内联样式表
1. 外部样式表
1.1 外部样式表引用方法
- 当样式需要应用于多个页面是,使用外部样式表合适
- 可以使用<link> 标签在文档head 定义
- <link> 标签链接到样式表
- rel="stylesheet"
- type="text/css"
- href="mystyle.css"
- <link> 标签在文档的头部
1.2 css 文件注意事项
- 不要在属性值与单位之间留有空格。 如margin-left: 20px , 20 和 px 之间不要空格
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
2. 内部样式表
- 当单个文档需要特殊的样式时,就应该使用内部样式表
- 可以使用<>style> 标签在文档head 定义
<head>
<style type="text/css">
hr {color: red;}
p {margin-left: 20px;}
</style>
</head>
3. 内联样式表
- 不推荐使用, 用于仅仅需要在一个元素上应用一次时
- 在相关的标签内使用style 属性
<p style="color: red; margin-left: 20px">this is a paragraph</p>
网友评论