css层叠样式表

css层叠样式表

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
css的作用：用于美化页面 使HTML与css分离（即内容与样式分离）
css在HTML中通常有三种方式：

1. 内联样式：即在标签上写style属性，一般不推荐使用，复用性极差可扩展性和可维护性差，较灵活。
2. 内部样式：写在head中用style对标签来书写样式，一般使用于小型案列。
3. 外部样式：创建一个css的文件，在需要引用的HTML中引用（在head中使用link标签）。
   三种方式的优先级
4. 高：内联样式
5. 中：内部样式 外部样式（就近原则）
6. 低：浏览器自带的缺省样式
   CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。
   选择器：选择器通常是需要改变样式的 HTML 元素。
   声明：每条声明由一个属性和一个值组成。

选择器

7. id 选择器
8. 类选择器
9. 通配符选择器
10. 标签选择器
    其他选择器都是基于这几种选择器上来组合的
    后代选择器：可以选择作为某元素后代的元素。
    div img选择div中的img标签。

<div>
			<p>
			    <img src="img/00.jpg" alt="" />
			</p>
</div>

子代选择器：只能选择作为某元素子元素的元素。
div>p:选择div中的子代元素p（其中的img标签是选择不了的）

<div>
			<p>
			    <img src="img/00.jpg" alt="" />
			</p>
</div>

相邻兄弟选择器：选择紧接在另一元素后的元素，且二者有相同父元素。
p+img:选择p标签相邻的img标签

<div>
			<p>
			    <img src="img/00.jpg" alt="" />
			</p>
			<img src="img/00.jpg" alt="" />
</div>

伪类

css伪类：用于向某些选择器添加特殊的效果。
11. hover：鼠标移动到链接上。
12. active：选定的链接
13. link: 未访问的链接 。
14. visited：已访问的链接。
还有nth-child first-child last-child等等。