前端提高篇（三十三）CSS回顾

body {

background-color: blue;

}

body {

background-color: brown;

}

body {

background-color: blueviolet;

}

body {

background-color: greenyellow;

}

body {

background-color: white;

}

body {

background-color: red;

}

结果是内部样式的#ccc

如果把内部样式写在前面，外部样式不变：

结果是外部样式中的最后一个颜色：red

2.优先级与权重

通配符选择器 < 标签选择器 < 类型选择器class < id选择器<行间样式<!important

如果同时写id选择器和类型选择器来选择一个标签，如#first.one（中间没有空格），权重比单个使用要大

asdf

#first.one {

color: blue;

}

#first {

color: red;

}

运行效果：是蓝色的

所以，权重是可以叠加的

#first.one span的权重如果是100+10+1

span的权重是1

则前者的权重大，最终实现的样式以前者为主

asdf

#first.one span{

color: chartreuse;

}

span {

color:orange;

}

运行效果：是chartreuse的颜色

F12选中想看的元素，下方就会显示关于这个元素的样式，可以通过这个方法来看到底是哪个样式生效了，简洁明了

3.文档流与脱离文档流

文档流：从上到下，从左到右，块级元素占一整行

asdf

asdf

asd

asdfgh

运行效果：

脱离文档流：

position：

asdf

asdf

asd

asdfgh

.btn {

position: absolute;//对比最近的设置了position的父级

//fixed是对比窗口而言，如页面很长，有滚动条的情况，

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！