前端与HTML | 青训营笔记
这是我参与「第四届青训营 」笔记创作活动的的第2天，这节课了解了CSS的概念和工作原理、各种CSS选择器以及盒模型和常用的布局方式。以下是我这节课的笔记：
1.CSS 概述
CSS是什么？
- CSS 指层叠样式表 (Cascading Style Sheets)
- 用来定义页面元素的样式
在页面中使用css的方法：
- 外链式：放在另外的文件，使用link标签引入；
- 嵌入式：使用style将样式包裹起来；
- 内联：直接的写在标签的属性style里面，使用引号包裹。
2.CSS 选择器
- ID选择器：在标签中添加id属性；
- 类选择器：类似于ID，在标签中添加class属性；
- 伪类选择器：用于定义元素的特殊的状态，例如鼠标点击，悬停等；
- 复合选择器：由两个及以上基础选择器组合而成的选择器。
3.设置文本样式
这里我就列举几个常用的样式：
- 设置文本字体：font-family属性；
- 设置文字倾斜效果：font-style: italic;
- 设置文字加粗效果：font-weight: bold;
- 设置文字和背景颜色：color: blue; background-color: red;
4.Flex 布局
- Flex是Flexible Box的缩写，意为弹性布局，用来为盒状模型提供最大的灵活性。
- 任何一个容器都可以指定为Flex布局。
- 采用Flex布局的元素，称为Flex容器（flex container），简称容器。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称项目。
5.定位
在CSS中关于定位的内容是：position:relative | absolute | static | fixed。
static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。在文本流中，任何一个元素都被文本流所限制了自身的位置，但是通过CSS我们依然使得这些元素可以改变自己的位置，我们可以通过float来让元素浮动，我们也可以通过margin来让元素产生位置移动。
6.总结
今天主要学习了一些CSS知识，也更好的查缺补漏了一下，希望接下来的日子还可以收获更多。
