行内样式：混合在HTML标签里面，对每个元素单独定义样式
页面的内部样式：在<head>与</head>之间添加样式（重用性差，容易冗余）
链接外部样式：使用Link标签，只需要把公共的CSS单独保存为一个文件，其他页面就可以分别调用自身的CSS文件，如果要改变网站风格，修改公共的CSS文件就可以了，是开发常用的HTML+CSS使用方式
导入外部样式：import方式导入CSS样式表，和链接外部样式资源类似
四种样式也有优先级，按照就近原则：行内样式 > 页面内部样式 > 链接外部样式资源 > 导入外部样式。
如下所示：1>外部样式表 : 将样式规则直接写在*.CSS文件中，然后再*.html页面中通过标签引入的方式2>内部样式表 :（位于
标签内部）3>内联样式 :（在 HTML 元素内部）但是如果在css样式之后加 !important 属性，那么此属性优先执行
1. 内联样式表的权值最高 1000 2. ID 选择器的权值为 100 3. Class 类选择器的权值为 10 4. HTML 标签选择器的权值为 1 CSS 优先级法则： A 选择器都有一个权值，权值越大越优先 B 当权值相等时，后出现的样式表设置要优于先出现的样式表设置 C 创作者的规则高于浏览者：即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式 D 继承的CSS 样式不如后来指定的CSS 样式 E 在同一组属性设置中标有“!important”规则的优先级最大 这是规定好的,自然不能打破
css 最常用的选择符是类，即class,还有就是id 和元素，其次有通配符*还有一些伪类和伪元素。
子元素可以继承父元素的属性值。
优先级的话，id > class ＞元素＞伪类和伪元素。! important 优先级最高，但不常用。还有一种是.id > .class 要大于. class, 既优先权可以累加
css选择器优先级顺序的笔迹 css层叠样式表有哪几种类型？它们的叠层优先级关系是什么 – CSS – 前端 css 两个span 换行
如果觉得《css选择器优先级顺序的笔迹 css层叠样式表有哪几种类型？它们的叠层优先级关系是什么》对你有帮助，请点赞、收藏，并留下你的观点哦！
