当前位置：文档之家› 使用样式表的三种方式

使用样式表的三种方式

使用样式表的三种方式
使用样式表的三种方式

在网页中使用CSS的三种方式

1、行内样式（在HTML元素内部，利用style属性直接定义样式）例：

2、内部样式表（在网页标签中，利用style标签定义样式）

例：

2、外部样式表（将样式定义在另外一个样式表文件中）

例：

（a）通过标签引入样式表（推荐）

（b）通过@import导入样式表

优先级原则：

如果声明的样式出现重复的情况，就出现了优先级的问题。优先级如下：

1、就近原则；

2、后面的样式设定>前面的样式设定；

3、特殊的样式设定>一般的样式设定；

4、行内样式>ID样式>类别样式>HTML标签样式；

css：又叫即层叠样式表, 布局与美化网页的.

在网页中使用CSS的三种方式

1、行内样式,也叫内联样式表（在HTML元素内部，利用style属性直接定义样式）

例：

2、内部样式表（在网页标签中，利用style标签定义样式）

例：

2、外部样式表（将样式定义在另外一个样式表文件中）

例：

（a）通过标签引入样式表（推荐）

（b）通过@import导入样式表

三种方式对比：定义方式作用（影响）范围使用度

行内样式在HTML元素的内部，利用style属性直接定义样式单个HTML元素

当个别HTML元素需要定义特殊的样式时，可以使用行内掩饰避免使用

内部样式表在网页的标签中，利用style标签定义样式。单个网页配合使用

外部样式表1、将样式定义在另外一个样式表文件中（后缀名是.css）

2、然后利用标签引入或利用@improt导入样式表整个网站

当样式需要被应用到很多网页时，外部样式表将是理想的选择，更改一个样式，将会改变整个网站的外观推荐使用

优先级原则：

如果声明的样式出现重复的情况，就出现了优先级的问题。优先级如下：

1、就近原则；

2、后面的样式设定>前面的样式设定；

3、特殊的样式设定>一般的样式设定；

4、行内样式>ID样式>类别样式>HTML标签样式；

CSS作业

一、问答题 1、CSS选择器以及引入方式哪几种，CSS选择器有哪些以及它们的优先级 1、#id选择器 .class选择器 标签名选择器 2、内链式样式表 嵌入式样式表 外联式样式表 导入式样式表 3、行内样式 > ID选择器样式 > 类选择器样式 2、行内元素和块级元素的区别，分别举出6个行内元素和块级元素，块级元素的特点是什 么 A（1）行内元素与块级元素直观上的区别 行内元素会在一条直线上排列，都是同一行的，水平方向排列； 块级元素各占据一行，垂直方向排列； 块级元素从新行开始结束接着一个断行。 （2）块级元素可以包含行内元素和块级元素。 行内元素不能包含块级元素。 （3）行内元素与块级元素属性的不同，主要是盒模型属性上 行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效 （4）行内元素转换为块级元素 display:block (字面意思表现形式设为块级)

B行内元素 b.