-
选择器
-
- 基本选择器
-
- 元素选择器
-
ID选择器
-
类选择器
-
选择器的优先级
-
关系选择器
-
后代选择器
-
子代选择器
-
属性选择器
-
伪类选择器
语法
=================================================================
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。
CSS的引入方式
=======================================================================
内联样式（行内样式）
由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。
要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style 属性可以包含任何 CSS 属性。
特点：缺乏整体性和规划性，不利于维护，维护成本高,代码复用度低；
今天天气很凉快,北京今日无新增
后天放假
内部样式 (内嵌样式)
当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用
今天天气很凉快,北京今日无新增
后天放假
外部样式（推荐）
当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在（文档的）头部：
外部css文件：
p{
background-color: lightgray;
width: 500px;
color: green;
}
今天天气很凉快,北京今日无新增
后天放假
引入方式的优先级
就近元素，谁离标签近，样式取的就是谁
选择器
==================================================================
基本选择器
元素选择器
HTML文档中的元素，p、b、div、a、img、body等。
标签选择器，选择的是页面上所有这种类型的标签，所以经常描述“共性”，无法描述某一个元素的“个性”。
p{
font-size:14px;
}
再比如说，我想让“学完前端，继续学Java”这句话中的“前端”两个变为红色字体，那么我可以用标签把“前端”这两个字围起来，然后给标签加一个标签选择器。
【总结】需要注意的是：
（1）所有的标签，都可以是选择器。比如ul、li、label、dt、dl、input、div等。
（2）无论这个标签藏的多深，一定能够被选择上。
（3）选择的所有，而不是一个。
ID选择器
针对某一个特定的标签来使用，只能使用一次。css中的ID选择器以”#”来定义。
你好
#mytitle{
border:3px dashed green;
}
特别强调的是：HTML页面，不能出现相同的id，哪怕他们不是一个类型。比如页面上有一个id为pp的p，一个id为pp的div，是非法的！ID名字不能以数字开头。
类选择器
规定用圆点.来定义，针对你想要的所有标签使用。
优点：灵活。
你好
/定义类选择器/
.oneclass{
width:800px;
}
class属性的特点：
特性1：类选择器可以被多种标签使用。
特征2：类名不能以数字开头
代码
段落1
段落2
段落3
标题
选择器的优先级
比如，我们可以同时让类选择器，标签选择器和id选择器作用于同一个标签。（用到了层叠），那么选择器的优先级别如何呢？
简单结论:id选择器>class选择器>元素选择器
关系选择器
后代选择器
定义：选择所有被E元素包含的F元素，中间用空格隔开
语法：外层选择器 内层选择器{}
选择并设置位于
元素内部的每个元素的样式：
div p
{
background-color:yellow;
}
今日天气晴,26摄氏度
今日天气晴,26摄氏度
26
子代选择器
定义：选择所有作为E元素的直接子元素F，对更深一层的元素不起作用，用>表示
语法： E>F{}
选取父元素是
元素的每个元素，并设置其背景色：
div>p
{
background-color:yellow;
}
百度
京东
尚学堂
分组选择器
定义：多个选择器放在一起形成一个分组,该组内所有样式共同生效
语法：选择器1,选择器2,… ….
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）
最后
我想问下大家当初选择做程序员的初衷是什么？有思考过这个问题吗？高薪？热爱？
既然入了这行就应该知道，这个行业是靠本事吃饭的，你想要拿高薪没有问题，请好好磨练自己的技术，不要抱怨。有的人通过培训可以让自己成长，有些人可以通过自律强大的自学能力成长，如果你两者都不占，还怎么拿高薪？
架构师是很多程序员的职业目标，一个好的架构师是不愁所谓的35岁高龄门槛的，到了那个时候，照样大把的企业挖他。为什么很多人想进阿里巴巴，无非不是福利待遇好以及优质的人脉资源，这对个人职业发展是有非常大帮助的。
如果你也想成为一名好的架构师，那或许这份Java核心架构笔记你需要阅读阅读，希望能够对你的职业发展有所帮助。
中高级开发必知必会：
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
本涵盖了95%以上Java开发知识点，真正体系化！**
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）
最后
我想问下大家当初选择做程序员的初衷是什么？有思考过这个问题吗？高薪？热爱？
既然入了这行就应该知道，这个行业是靠本事吃饭的，你想要拿高薪没有问题，请好好磨练自己的技术，不要抱怨。有的人通过培训可以让自己成长，有些人可以通过自律强大的自学能力成长，如果你两者都不占，还怎么拿高薪？
架构师是很多程序员的职业目标，一个好的架构师是不愁所谓的35岁高龄门槛的，到了那个时候，照样大把的企业挖他。为什么很多人想进阿里巴巴，无非不是福利待遇好以及优质的人脉资源，这对个人职业发展是有非常大帮助的。
如果你也想成为一名好的架构师，那或许这份Java核心架构笔记你需要阅读阅读，希望能够对你的职业发展有所帮助。
中高级开发必知必会：
[外链图片转存中…(img-LsI4lnFc-1713075078942)]
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
