这是我参与「第五届青训营」伴学笔记创作活动的第2天
本节课重点内容
- 什么是 css
- css 选择器
- css 属性
- css 继承
- css 布局
什么是 CSS
层叠样式表 — 也就是CSS — 是在HTML之后应该学习的第二门技术。HTML 用于定义内容的结构和语义，CSS 用于设计风格和布局。比如，可以使用 CSS 来更改内容的字体、颜色、大小、间距，将内容分为多列，或者添加动画及其他的装饰效果。
CSS 选择器
CSS 选择器是 CSS 规则的第一部分。它是元素和其他部分组合起来告诉浏览器哪个 HTML 元素应当是被选为应用规则中的 CSS 属性值的方式。选择器所选择的元素，叫做“选择器的对象”。
选择器的种类
下面的代码就是选了 h1 这个 HTML 元素，也就是类型选择器，在 css 中所有 HTML 元素都是类型选择器
h1 { }
在 css 中以 . 开头的选择器就是一个类选择器，例如 .box
.box { }
还有一种选择器和选择器很像的 id 选择器，和类选择器不同的是 id 选择器只能使用一次并且是以 # 符号开头的
#unique { }
* 代表的是选择所有 HTML 元素，通常称为通配符选择器，可以选择网页中的所有元素
* { }
CSS 布局
css 里最灵活的就是 css 布局了，通过 css 可以构建出各种各样的布局，我在开发中最常用的就是 flex 弹性盒子布局
弹性盒子是一种用于按行或按列布局元素的一维布局方法。元素可以膨胀以填充额外的空间，收缩以适应更小的空间。本文将解释所有的基本原理。
我们只要在选择器里面设置它的 display 属性即可完成使用 flex 盒子布局，就像这样
.box {
display: flex;
}
总结
今天学到了很多东西，因为时间关系没有把所有学到的都记下。css 是网页开发中不可缺失的一部分，但是想要写好 css 是要付出很大的努力的！
