小白笔记（一）——CSSV1.0
新人小白在线学习
前面刚看完了Html的基础，没做笔记，从接下来的CSS开始，就一点点的将自己的收获记录下来吧！
在学习CSS之前，要先对html有一定的了解，在我个人看来，Html就像是一个框架，而CSS与JS更多的是去让这个框架美观起来，因为JS现在我还没了解，就先不提，今天我们主要来看的是CSS。
CSS规则主要是由两个主要的部分构成：选择器和一条或多条声明
CSS创建以及id和class选择器
在Html中插入样式表，一般有三种方法
- 外部样式表（External style sheet）
- 内部样式表（Internal style sheet）
- 内联样式（Inline style）
一般来讲，外部样式表是最理想的，通过外部的CSS文件来改变整个站点的外观。内部样式表则是使用"style"标签在文档头部定义内部样式表，放在"title"下方，内联样式就更好理解了，把我们需要使用的样式属性直接与Html元素对应即可。当然，一般我们在实际操作中，是这几种用法穿插来用的，毕竟各有所长。
而如果在Html元素中设置CSS样式，可以选择设置“id”或“class”选择器，
话不多说，上图
CSS背景属性以及文本text
CSS背景属性用于定义Html元素的背景，相对来说，更容易去理解，而文本text跟它语法什么的都差不多，就细节需要多注意一下。
字体font
看完看上面的那些之后，我们就开始转入对字体font的学习，同样是跟上面差不多的格式（其实都大同小异），也直接放图吧。
CSS链接
不同的链接可以有不同的样式。链接的样式，可以用任何CSS属性。
下面这不同时期的链接，可以用不同的样式去分辨。
CSS列表和表格
在Html中，列表分为无序列表（ul）和有序列表（ol），而使用CSS样式，可以列出进一步的样式，比如用图像作为列表标记。
同样如此，使用CSS可以使Html表格变得更美观。
CSS盒子模型
所有Html元素可以看作盒子，CSS盒模型本质上是一个盒子，封装周围的Html元素，它包括：边距，边框，填充，和实际内容。
总元素的宽度=宽度+左填充+右填充+左边框+右边框。
总元素的高度计算方法类似
边框（border）：
border-style属性可以有1-4个值：
如果给出4个值，就是上下左右；3个值，1（上），2（左右），3（下）；2个值，1（上下），2（左右）；1个值，代表上下左右
上：top，下：bottom，左：left，右：right
轮廓（outline）：
轮廓是绘制于元素周围的一条线，位于边框边缘的外围，起突出元素的作用。语法大概同上。
外边距（Margin）:
外边距用来定义元素周围的空间，是完全透明的。可以使用负值，重叠的内容。语法大概同上。
填充（padding）:
填充是边框与元素之间的空间，是上下左右的内边距。语法同上。
今天的CSS学习就到这里，东西初看起来很杂，但记录下来的时候，发现大多都有相同之处，汇总起来，发现并没有想象中的那么难，好了，再见。 如有不对或不准确，欢迎各位大佬指正（卑微）。