5 CSS的引入方式
5.1 CSS的三种样式表
- 按照书写位置分类：
- 行内样式表（行内式）
- 内部样式表（内嵌式）
- 外部样式表（链接式）
5.2 内部样式表
- 控制一个页面
- 即将CSS写到html页面的内部，放在
<style>标签中 - 例：
<head> <style> div { color: red; font-size: 12px; } </style> </head> - 方便控制整个页面的样式，代码结构清晰
- 但并没有实现结构与样式完全分离
5.2 行内样式表
- 控制一个标签
- 在元素标签的内部style属性中设定CSS样式。适合修改简单样式。
- 属性：style
- 例：
<div style="color: red; font-size: 12px;">ちちははあにおとうとあねいもうと</div>
5.3 外部样式表
- 控制多个页面
- 实际开发最常用，将样式单独写入CSS文件，然后把CSS文件引入到HTML页面中使用。
- 引入外部样式表步骤：
- 新建一个后缀名为.css的样式文件，把所有CSS代码都放入此文件中。
- 直接在CSS文件里写样式就行，不需要标签
/*在style.css文件中写入以下内容*/ div { color: pink; }- 在HTML页面中，在head里使用标签引入这个文件。
<link rel="stylesheet" href="style.css"> <!-- href的属性值写css的文件路径（URL），可以写相对路径或绝对路径 --> <!-- 定义当前文档与被链接文档之间的关系，指定为"stylesheet",表示被链接的文档是一个样式表文件 --> - 完全实现了结构和样式分离。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
