小白笔记（二）——CSS-V2.0
新人小白在线学习
星光不负赶路人，时光不负有心人
今天的学习内容接着昨天的来，昨天的最后写到CSS的盒子模型，今天就从CSS尺寸开始吧。
CSS尺寸Dimension
CSS尺寸属性允许我们去控制元素的高度和宽度，当然了，也包括行间距。这部分前面接触起来的话，挺简单的，但使用百分比去设置高度时，比想象中要复杂，上图说话。
CSS分组和嵌套
分组和嵌套的话，个人感觉还是蛮简单的，当使用分组选择器时，每个选择器用逗号分隔。
嵌套的话，其实也就是一种特殊的选择方式而已，通过不同的语法，去明了的选择想选择的语句。
嵌套：
- p{ }: 为所有 p 元素指定一个样式。
- .marked{ }: 为所有 class=“marked” 的元素指定一个样式。
- .marked p{ }: 为所有 class=“marked” 元素内的 p 元素指定一个样式。
- p.marked{ }: 为所有 class=“marked” 的 p 元素指定一个样式。
CSS 定位(Position)
定位这个东西，个人在下面给了一些解释，但没有放代码图上去，建议初学者在看时，去实操一下，可以加深自己的理解，同时将学到的东西与效果相对应。
position 属性指定了元素的定位类型。
position 属性的五个值：
static、relative、fixed、absolute、sticky。
它们的用法各不相同，接下来我们具体分析。
- static 定位：HTML 元素的默认值，即没有定位。
- relative定位：个人认为，它类似于浮动，只是浮动幅度是可控的。
- fixed 定位：元素是固定位置，窗口滚动它也不会移动。
- absolute 定位：绝对定位，通过我们给的参数，决定元素的位置，不受其余影响。
- sticky 定位：元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位。
CSS布局 - Overflow
CSS overflow 属性用于控制内容溢出元素框时显示的方式。通俗一点来说，就是在一定的空间里面，放超出这个空间容量的东西，要怎么办。同样是通过不同的值去将其表示出来。
- visible：默认值。内容不会被修剪，会呈现在元素框之外。
- hidden：内容会被修剪，并且其余内容是不可见的。
- scroll：内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
- auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
- inherit：规定应该从父元素继承 overflow 属性的值。
CSSFloat（浮动）
关于CSS 的 Float（浮动），官方概念是，它会使元素向左或向右移动，其周围的元素也会重新排列。Float（浮动），往往是用于图像，但它在布局时一样非常有用。但我看的时候，并不是很清楚，于是去网上搜了一下，发现了一篇宝藏，就不班门弄斧了，我把那篇的链接给转出来，大家可以自己去看。
链接: CSS浮动详解.
CSS组合选择符
CSS组合选择符包括各种简单选择符的组合方式。
在 CSS3 中包含了四种组合方式：
- 后代选择器(以空格分隔)
- 子元素选择器(以大于号分隔）
- 相邻兄弟选择器（以加号分隔）
- 普通兄弟选择器（以破折号分隔）
CSS 伪类与伪元素
伪类也算是选择器的一种，为其增加一些特殊效果。就比如上一篇的CSS链接就算是伪类的一种（anchor伪类）。通常比较常见的有first-child 伪类和lang 伪类。伪元素与伪类类似，但也有些不同，比如伪元素只能应用于块级元素。而它们的语法与之前都比较类似，这里就只放first-child 伪类的代码举一下例子。
今天的学习分享就到这里啦，学编程，最主要的还是要上手去实际操作，一直看理论性的东西，得不到实践，知识它就得不到消化，希望大家可以多多实践，冲冲冲！再见，晚安。
如有不对或不准确，欢迎各位大佬指正（卑微）。
往期回顾：
小白笔记（一）——CSS-V1.0