2、内嵌样式引入
3、外部样式引入（style标签里面）
4、外部样式引入（link标签里面）
三、css 选择器
1、基本选择器
2、扩展选择器
四、css 盒子模型
1、边框
2、内边距
3、外边距
五、css 布局的定位
六、图文混排案例
一、css 简介
========
css 是一种层叠样式表，是 HTML 页面的样式，用于将页面效果显示的更加美观，将网页内容和显示样式进行分离，提高了显示的功能。
二、HTML 引入 css
=============
1、行内样式引入
2、内嵌样式引入
3、外部样式引入（style标签里面）
让生活变的更有意义！
p{
background-color:yellow;
color:black;
}
4、外部样式引入（link标签里面）
让生活变的更有意义！
注：
-
第三种方法在有些浏览器不能使用，第四种方法最为常用！
-
优先级：（一般情况）由上到下，由外到内，优先级由低到高，后加载的优先级高
三、css 选择器
=========
1、基本选择器
【1】标签选择器
使用标签名作为选择器
让生活变的更有意义！
【2】class 选择器
每个 HTML 标签都有属性 class，可以对 class 进行设置
让生活变的更有价值！
【3】id 选择器
每个 HTML 标签都有属性 id，可以对 id进行设置
让生活变的更有价值！
基本选择器的优先级：style > id 选择器 > class 选择器 > 标签选择器
2、扩展选择器
【1】关联选择器
对嵌套标签里面的样式进行设置
让生活变的更有意义！
让生活变的更有价值！
【2】组合选择器
把不同的标签设置成相同的样式
让生活变的更有价值！
【3】伪元素选择器
css 里面提供了一些定义好的样式，可以直接使用，以超链接为例，点击超链接有四种状态
-
原始状态： :link
-
悬停状态： :hover
-
点击状态： :active
-
点击之后的状态： :visited
四、css 盒子模型
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
最后的最后
面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。
需要完整面试题的朋友可以点击蓝色字体免费获取
578)]
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
[外链图片转存中…(img-PIJVca4b-1713474258578)]
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
[外链图片转存中…(img-PSs3mw7u-1713474258578)]
最后的最后
面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。
需要完整面试题的朋友可以点击蓝色字体免费获取
[外链图片转存中…(img-DfxzUMnD-1713474258578)]
[外链图片转存中…(img-PLFAiJeh-1713474258579)]
[外链图片转存中…(img-h7RFfNg7-1713474258579)]
[外链图片转存中…(img-L0U4cviI-1713474258579)]
3330
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
