CSS是什么
CSS规则
以下是 CSS 中的一行。它被称作一个声明。该声明由一个属性（color）和一个值（black） 组成
color: black; 复制代码
不要将 CSS 属性（property）跟 HTML 属性（attribute）混淆。比如在<a href="/">元素里，href 就是 a 标签的一个 HTML 属性。
包含在大括号内的一组声明被称作一个声明块。声明块前面有一个选择器（如下面的 body）
body { color: black; font-family: Helvetica; } 复制代码
选择器和声明块一起组成了规则集（ruleset）。一个规则集也简称一个规则。
补充：@规则（at-rules）是指用“@”符号开头的语法。比如@import 规则或者@media 查询
在页面中使用CSS
HTML怎么调用外部css，有几种方法
调用方法：1、使用“”语句调用；2、在style标签中使用“@import url(CSS文件路径地址)”语句调用。
html调用外部css有两种方法
- 链接式--使用标签
- 导入式--使用@import规则标签
1、链接式
在网页的标签对中使用标记来引入外部样式表文件，使用html规则引入外部css。
语法：
<link rel="stylesheet" href="css文件路径" type="text/css" /> 复制代码
标签定义文档与外部资源的关系， 标签最常见的用途是链接样式表。
2、导入式
CSS @import规则，用于从其他样式表导入样式规则。这些规则必须先于所有其他类型的规则，@import不能在条件组的规则中使用。
将一个独立的.css文件引入HTML文件中，使用css @import规则引入外部css文件，写在<head>标记的<style>标记中
语法：
<style type="text/css"> @import url(CSS文件路径地址); </style> 复制代码
CSS是怎么工作的
- 浏览器载入HTML文件（比如从网络上获取）。
- 将HTML文件转换成一个DOM（Document Object Model） ，DOM是文件在计算机内存中的表现形式，下一节将详细解释DOM。
- 会拉取该播放的资源，包含HTML和CSS相关的样式。播放JavaScript图片的播放器，然后在此进行处理，简单的同时对如何处理这个节JavaScript不会展开叙述。
- 浏览器拉取到CSS之后会进行解析，根据选择器的不同类型（如element、class、id等）把它们分到不同的“桶”中。浏览器根据它找到不同的选择器，将中间的不同规则（基于选择器的规则，如元素器、类选择器、id器等）应用在DOM的节点中，并添加不同依赖的样式（这个步骤称为渲染树）。
- 之前的结构进行了预测，之后渲染树应该会出现。
选择器
选择器优先级
- 如果选择器的 ID 数量更多，则它会胜出（即它更明确）。
- 如果 ID 数量一致，那么拥有最多类的选择器胜出。
- 如果以上两次比较都一致，那么拥有最多标签名的选择器胜出
选择器大概可以分为以下几类：
标签选择器、类选择器、ID选择器、普遍选择器、层次选择器、多选择器、属性选择器、伪类选择器、伪元素选择器
选择器组
颜色
RGB指的是R(red)红色、G（green）绿色、B（blue）蓝色，三种颜色。
目前来说，所有的颜色都可以用这三种颜色配出来 通常情况下，RGB各有256级亮度，用数字表示为从0、1、2…直到255。 按照计算，256级的RGB色彩总共能组合出约1678万种色彩，即256×256×256=16777216。通常也被简称为1600万色或千万色。也称为24位色(2的24次方)
HSL：Hue 色调，Saturation 饱和度，Luminance 亮度。HSL 色彩模式是工业界的一种颜色标准，它通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化，以及它们相互之间的叠加来得到各式各样的颜色的。这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。
调试CSS
在一个页面元素上点击鼠标右键， 选择弹出菜单上的检查元素，就能打开开发者工具
- 靠近顶部的样式会覆盖下面的样式。
- 被覆盖的样式上划了删除线。右侧显示了每个规则集的样式表和行号，你可以在源代码中找到它们。
- 能准确判断哪个元素继承了哪些样式以及这些样式的来源。
- 在顶部的筛选框中选择特定的声明，同时隐藏其他声明
