使用样式表的三种方式
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
三种方式对比：
定义方式
作用（影响）范围
使用度
行内样式
在HTML元素的内部，利用style属性直接定义样式
单个HTML元素
当个别HTML元素需要定义特殊的样式时，可以使用行内掩饰
避免使用
内部样式表
在网页的<head>标签中，利用style标签定义样式。
单个网页
配合使用
外部样式表
1、将样式定义在另外一个样式表文件中（后缀名是.css）
4、行内样式>ID样式>类别样式>HTML标签样式；
css：又叫即层叠样式表,布局与美化网页的.
在网页中使用CSS的三种方式
1、行内样式,也叫内联样式表（在HTML元素内部，利用style属性直接定义样式）
例：
2、内部样式表（在网页<head>标签中，利用style标签定义样式）
例：
2、外部样式表（将样式定义在另外一个样式表文件中）
在网页中使用CSS的三种方式
1、行内样式（在HTML元素内部，利用style属性直接定义样式）
例：
2、内部样式表（在网页<head>标签中，利用style标签定义样式）
例：
2、外部样式表（将样式定义在另外一个样式表文件中）
例：
（a）通过<link>标签引入样式表（推荐）
（b）通过@import导入样式表
2、然后利用<link>标签引入或利用@improt导入样式表
整个网站
当样式需要被应用到很多网页时，外部样式表将是理想的选择，更改一个样式，将会改变整个网站的外观
推荐使用
优先级原则：
如果声明的样式出现重复的情况，就出现了优先级的Leabharlann Baidu题。优先级如下：
1、就近原则；
2、后面的样式设定>前面的样式设定；
3、特殊的样式设定>一般的样式设定；
外部样式表1、将样式定义在另外一个样式表文件中（后缀名是.css）
2、然后利用<link>标签引入或利用@improt导入样式表整个网站
当样式需要被应用到很多网页时，外部样式表将是理想的选择，更改一个样式，将会改变整个网站的外观推荐使用
优先级原则：
如果声明的样式出现重复的情况，就出现了优先级的问题。优先级如下：
例：
（a）通过<link>标签引入样式表（推荐）
（b）通过@import导入样式表
三种方式对比：定义方式作用（影响）范围使用度
行内样式在HTML元素的内部，利用style属性直接定义样式单个HTML元素
当个别HTML元素需要定义特殊的样式时，可以使用行内掩饰避免使用
内部样式表在网页的<head>标签中，利用style标签定义样式。单个网页配合使用
1、就近原则；
2、后面的样式设定>前面的样式设定；
3、特殊的样式设定>一般的样式设定；
4、行内样式>ID样式>类别样式>HTML标签样式；
定义方式
作用（影响）范围
使用度
行内样式
在HTML元素的内部，利用style属性直接定义样式
单个HTML元素
当个别HTML元素需要定义特殊的样式时，可以使用行内掩饰
避免使用
内部样式表
在网页的<head>标签中，利用style标签定义样式。
单个网页
配合使用
外部样式表
1、将样式定义在另外一个样式表文件中（后缀名是.css）
4、行内样式>ID样式>类别样式>HTML标签样式；
css：又叫即层叠样式表,布局与美化网页的.
在网页中使用CSS的三种方式
1、行内样式,也叫内联样式表（在HTML元素内部，利用style属性直接定义样式）
例：
2、内部样式表（在网页<head>标签中，利用style标签定义样式）
例：
2、外部样式表（将样式定义在另外一个样式表文件中）
在网页中使用CSS的三种方式
1、行内样式（在HTML元素内部，利用style属性直接定义样式）
例：
2、内部样式表（在网页<head>标签中，利用style标签定义样式）
例：
2、外部样式表（将样式定义在另外一个样式表文件中）
例：
（a）通过<link>标签引入样式表（推荐）
（b）通过@import导入样式表
2、然后利用<link>标签引入或利用@improt导入样式表
整个网站
当样式需要被应用到很多网页时，外部样式表将是理想的选择，更改一个样式，将会改变整个网站的外观
推荐使用
优先级原则：
如果声明的样式出现重复的情况，就出现了优先级的Leabharlann Baidu题。优先级如下：
1、就近原则；
2、后面的样式设定>前面的样式设定；
3、特殊的样式设定>一般的样式设定；
外部样式表1、将样式定义在另外一个样式表文件中（后缀名是.css）
2、然后利用<link>标签引入或利用@improt导入样式表整个网站
当样式需要被应用到很多网页时，外部样式表将是理想的选择，更改一个样式，将会改变整个网站的外观推荐使用
优先级原则：
如果声明的样式出现重复的情况，就出现了优先级的问题。优先级如下：
例：
（a）通过<link>标签引入样式表（推荐）
（b）通过@import导入样式表
三种方式对比：定义方式作用（影响）范围使用度
行内样式在HTML元素的内部，利用style属性直接定义样式单个HTML元素
当个别HTML元素需要定义特殊的样式时，可以使用行内掩饰避免使用
内部样式表在网页的<head>标签中，利用style标签定义样式。单个网页配合使用
1、就近原则；
2、后面的样式设定>前面的样式设定；
3、特殊的样式设定>一般的样式设定；
4、行内样式>ID样式>类别样式>HTML标签样式；