CSS新手入门笔记整理：CSS基本介绍

CSS，指的是“Cascading Style Sheet（层叠样式表）”，用于控制网页外观。

---

CSS引入方式

外部样式表

独立建立一个.CSS文件，在HTML中使用 link标签 来引用CSS文件。link标签放置在head标签内部。

语法

<link rel="stylesheet" type="text/css" href="文件路径">

• rel即relative的缩写，它的取值是固定的，即"stylesheet"，表示引入的是一个样式表文件（即CSS文件）。
• type属性的取值也是固定的，即"text/css"，表示这是标准的CSS。
• href属性表示CSS文件的路径。

---

内部样式表

内部样式表，指的是把HTML代码和CSS代码放到同一个HTML文件中。其中，CSS代码放在style标签内，style标签是放在head标签内部的。

语法

<style  type="text/css">
css代码...
</style>  

• type="text/css"是必须添加的，表示这是标准的CSS。

---

行内样式表

将CSS代码放在元素标签内部，用style属性定义。

语法

<div  style="css代码...">
......
</div>  

---

样式表的优先级

就近原则：针对同一个属性

行内样式表>内部样式表>外部样式表

---

CSS注释

语法

/*注释内容*/

/*表示注释的开始，*/表示注释的结束。