![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
天蓬老师Correction status：qualified
Teacher's comments：前端是最考验程序员的地方, 因为有太多的地方可以定制, 严重依赖开发者的自觉和行业约定, 不像后端语言那样的严格
Collection
Collection
css层叠样式表为HTML或XML等标记语言提供了一种样式描述，定义了其中元素的显示方式。css中的“层叠”表示，css样式单中的样式形成一个层次结构，更具体的样式覆盖通用样式。样式规则的优先级由css根据这个层次结构决定，从而实现级联效果。
css样式表的来源主要有两大类，分别是用户自定义样式和用户代理样式。
用户自定义样式
顾名思义，就是用户自己定义的样式。在此大类中，样式表的来源又分为3个小项
style=属性，style属性作为元素的属性，直接写在元素标签内。
<h1 style="color: red">Hello World!</h1>
<style>标签，style标签作为HTML的一个元素，可用于控制其它元素的样式。但是由于，它是写在具体的HTML文档内，因此它只能控制当前文档的样式，因此也称为内部样式。<style>标签一般放在<head>标签内。
<head><meta charset="UTF-8"><title>Title</title><style>h1 {color: brown;}</style></head>
<link>标签。<link rel="stylesheet" href="style.css">h1标签，显示在浏览器时字体自动加大并加粗，a标签默认添加下划线等
<style>body h1.title{color: red;}h1.title{color: yellow;}#head{color: blue;}</style><h1 class="title" id="head">Hello World!</h1>
h1.title的权重是 10×1+1=11body h1.title的权重是 10×1+1×2=12#head的权重是 100×1=100!important则该属性优先级最高!important和id，这样的选择器优先级太高，会使代码失去灵活性和通用性。也要少使用tag选择器，这样的选择器则是优先级太低，让样式表失去了减少代码量，达到样式复用的作用。天蓬老师