CSS-1

今天看完了HTML，想着顺便看一下CSS，虽然觉得今天可以看完，但是因为晚上要写毕业论文的缘故，就不做计划了，看到哪里算哪里了

1. 为什么要有CSS

CSS（Cascading Style Sheets）层叠样式表
作用是：如何表示HTML的元素 如何表现

2. CSS的构成
   选择器（需要改变的HTML元素）和声明（属性{希望设置的样式属性}和值{属性的值}）

CSS是为HTML提供样式表现的，所以就需要知道哪些地方需要这种样式表现，存在很多处的话就需要抽出来 id和class就是搞这个的
区别 id 指定元素
class 多个元素

使用方法
外部样式表 内部样式表 内联样式
优先级
内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式

CSS链接
注意链接写的顺序问题
同时 L(link)OV(visited)E and H(hover)A(active)TE
很有意思啊

CSS列表
CSS能够提供更多的列表前的符号 例如是图像
提供简写 一个属性里面写所有的列表属性
（list-style 可以写 image 和 position 和 type）

CSS表格
表格的边框，折叠边框，宽度和高度，文字对齐，填充，颜色 CSS带来的是相对于HTML更多的设置，让表格更加美观

CSS盒子模型
感觉就像是一种布局思想，CSS盒子包裹着HTML的内容，在一个空间上布局。
注意点就是这里的总和（宽度和高度）计算

CSS边框属性
盒子模型中边框的设计，例如上下左右分别的宽度高和颜色啊什么的

CSS轮廓
作用是凸显元素
outline是不占空间的 设计颜色样式和宽度

CSS外边距
定义元素周围的空间
设计上下左右的距离 简写

CSS 填充
定义元素边框和元素内容之间的空间
设计上下左右的距离 简写

CSS 分组和嵌套选择器