CSS（层叠样式表）

CSS简介

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言，CSS是给网页中的元素来设置样式，其实就是给页面进行美化。

简单介绍一个之前不同的字体大小我们可以用H1到H6进行控制，其实如果用css 也可以进行控制，先上图

1.什么都没有设置的情况下：

 2.设置样式之后

CSS的使用方法

1.内联样式（行内样式）：在标签内部通过style属性设置元素的样式

2.内部样式：内部样式是在 head 部分的 <style> 元素中进行定义

 3.外部样式：每张 HTML 页面必须在 head 部分的 <link> 元素内包含对外部样式表文件的引用。

综上所述总结CSS语法规则：

1. font-size 是属性， 2em是属性值；中间用冒号隔开
2. 一条或者多条用分号隔开
3. p 是选择器
4. 多条 CSS 声明用分号分隔，声明块用花括号括起来。

层叠顺序

当为某个 HTML 元素指定了多个样式时，会使用哪种样式呢？

页面中的所有样式将按照以下规则“层叠”为新的“虚拟”样式表，其中第一优先级最高：

1. 行内样式（在 HTML 元素中）
2. 外部和内部样式表（在 head 部分）
3. 浏览器默认样式

因此，行内样式具有最高优先级，并且将覆盖外部和内部样式以及浏览器默认样式。一句话就近原则

注意问题：

1.行内样式，级别太高，不好控制，主要用于元素控制，尽量不要使用
2.外联样式能提高网站的加载速度，使用最多