二、css初识
1.通过style标签设置样式
2.通过style属性设置样式
3.通过css文件使用
.content{
color: aquamarine;
}
注意:
1.直接在style写的内容优先级最高,同样的选择器,谁在后面谁的优先级要高。
2.选择器的优先级在其余他情况相同下,继承的样式<浏览器的默认样式<标签样式<class样式<id样式<style属性样式
第一种情况图示:
第二种情况图示:
当前显示粉色,右侧显示优先级从高底的顺序
或
3.这样看上去就很麻烦,如何将某个优先级提升到最高呢
后边加上 !important(如果都是important还是按照原来的优先级)
4. 越具体越复杂的选择器优先级越高
.content{
color: aquamarine !important;
}
三、选择和伪元素
属性选择器
[属性名称]:单独原则某个元素
[属性名称=“属性值”]:选择这个属性具体的某个值的元素
子元素选择器:
第几个子元素语法
元素:nth-child(1)
最后一个子元素语法:
元素:last-child
直接选择
1.选择某元素的子元素
2.选某元素后面元素
3.选择某元素后的多个元素
伪元素
通过css可以创建假元素
改变正方型的宽和高变成0
把三个方向的边框设置为透明
div{
width: 0px;
height: 0px;
border-top: 20px solid transparent;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
border-bottom: 20px solid rgb(163, 177, 240);
}
创建伪元素
:before,在元素内部创建1个最前面的子元素
:after,在元素内部创建1个最后面的子元素
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
7457)]
[外链图片转存中…(img-3GK4yh1O-1714862957457)]
[外链图片转存中…(img-obawMLD9-1714862957458)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!