这是我参与「第四届青训营 」笔记创作活动的的第2天~
主要学习三件套-CSS相关的内容:
1 CSS 简介
Cascading Style Sheets -- 用来定义页面元素的样式
- 设置字体和颜色
- 设置位置和大小
- 添加动画效果
2 CSS选择器
CSS 选择器是 CSS 规则的第一部分。它是元素和其他部分组合起来告诉浏览器哪个 HTML 元素应当是被选为应用规则中的 CSS 属性值的方式。选择器所选择的元素,叫做“选择器的对象”。
- 类型、类和ID选择器
- 标签属性选择器
- 伪类与伪元素
- 运算符
3 CSS在界面中的使用
行内样式
行内样式就是把 CSS 样式直接放在代码行内的标签中,一般都是放入标签的 style 属性中,由于行内样式直接插入标签中,故是最直接的一种方式,同时也是修改最不方便的样式。
内嵌样式
内嵌样式通过将 CSS 写在网页源文件的头部,即在 head 和head之间,通过使用 HTML 标签中的 style 标签将其包围,其特点是该样式只能在此页使用,解决行内样式多次书写的弊端。
外链式
链接式通过 HTML 的 标签,将外部样式表文件链接到 HTML 文档中,这也是网络上网站应用最多的方式,同时也是最实用的方式。这种方法将 HTML 文档和 CSS 文件完全分离,实现结构层和表示层的彻底分离,增强网页结构的扩展性和 CSS 样式的可维护性。
4 CSS如何工作
推荐[CSS教程](CSS 教程 | 菜鸟教程 (runoob.com))
ps:第二节明天继续打卡!