HTML学习笔记（css层叠样式表介绍）

什么是css：1.css指层叠样式表（cascading style sheets）

2.样式定义如何显示控制HTML元素，从而实现美化HTML网页

3.样式通常储存再样式表中，目的也是为了解决内容与表现分离的问题

4.外部样式表（css文件）可以极大地提高工作效率

5.多个样式定义可以层叠为一，后者可以覆盖前者的样式。

css的语法：格式：选择器{属性：值；属性：值；属性：值；...},

其中选择器也叫选择符，用来寻找网页中的标签并加以控制。

例：P{color：red；text-align：center；}

在进行css设置时，使用<style>...</style>标签进行，将以上css格式写在style标签内，将style标签写在head头内（内嵌方式）。也可以用link标签引入css文件（外部导入式）

css的注释：格式：/*...*/(多行注释）

css的使用方式：：

1.内联方式（行内样式）

在HTML标签中使用style属性来设置css样式

格式：<html标签 style=“属性：值；属性：值；...”>被修饰内容</html标签>

例：<p style="color:blue;font-family:隶书">在HTML中使用css样式</p>

特点：仅作用于本标签

2.内部方式（内嵌方式）

在head标签中使用<style type="text/css">...</style>标签来设置css样式

例：<style type="text/csss">

...css样式代码

</style>

特点：作用于当前整个页面

3.外部导入方式（外部链入）

在head标签中使用<link/>标签导入一个css文件。作用于本页面，实现css的样式设置

例：<link href=“文件名.css"type=”text/css"rel="stylesheet"/>

也可以使用import在style标签中导入css文件

例：<style type="text/css“>

@import"style.css";

</style>

特点：作用于当前的整个网站

优先级:1.当样式冲突时，采用就近原则，是值css属性离被修饰的内容最近的为主

2.若没有样式冲突则采用叠加效果。