Html-滤镜的使用，css初识(1)

二、css初识

1.通过style标签设置样式

2.通过style属性设置样式

3.通过css文件使用

.content{

color: aquamarine;

}

Hello 可可

注意：

1.直接在style写的内容优先级最高，同样的选择器，谁在后面谁的优先级要高。

2.选择器的优先级在其余他情况相同下，继承的样式<浏览器的默认样式<标签样式<class样式<id样式<style属性样式

第一种情况图示：

第二种情况图示：

当前显示粉色，右侧显示优先级从高底的顺序

或

3.这样看上去就很麻烦，如何将某个优先级提升到最高呢

后边加上 !important（如果都是important还是按照原来的优先级）

4. 越具体越复杂的选择器优先级越高

.content{

color: aquamarine !important;

}

三、选择和伪元素

属性选择器

[属性名称]：单独原则某个元素

[属性名称=“属性值”]:选择这个属性具体的某个值的元素

Hello 可可

子元素选择器：

第几个子元素语法

元素：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开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

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

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