css基本认识
如果说HTML是网页的基本骨架，那么css就是给这个骨架上色
Cascading Style Sheet层叠样式表
CSS：表现（美化网页）
字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动
发展史：
CSS1.0
CSS2.0：DIV（块）+CSS，HTML与CSS结构分离的思想，网页变得简单，SEO
CSS2.1：浮动，定位
CSS3.0：圆角、阴影、动画…浏览器兼容性~
优势：
1、内容和表现分离；
2、网页结构表现统一，可以实现复用
3、样式十分的丰富
4、建议使用独立于html的css文件
5、利用SEO，容易被搜索引擎收录！
引入：
## CSS的3种导入方式：
1. 内部样式
2. link标签导入
3. 直接style
选择器：
- 基本选择器
- 类 选择器class：选择所有class一致的标签，跨标签，格式：.类名{}
- id 选择器：全局唯一，格式：#id名{}
- 伪类选择器
优先级：id > class > 标签
文本相关属性：
1. 颜色 –> color, rgb，rgba
2. **文本对齐方式 –> text-align：center**
3. **首行缩进 –> text-indent：2em**
4. 行高 –> line-height：300px；单行文字上下居中！line-height = height
5. 下划线 –> text-decoration
6. 文本图片水平对齐：vertical-align: middle
盒子模型：
> border：粗细 样式 颜色
1. 边框的粗细
2. 边框的样式
3. 边框的颜色
> margin ：
1. margin-left/right/top/bottom–>表示四边，可分别设置，也可以同时设置
> padding
用法和margin 一样，表示盒子的内边距
浮动：
- 标准流
> 标准流：
> 块级元素：独占一行 h1~h6 、p、div、 列表…
> 行内元素：不独占一行 span、a、img、strong
！！！注意：行内元素可以包含在块级元素中，反之则不可以。
> 浮动流：
float,脱标，left,right左右浮动
- overflow及父级边框塌陷问题
推荐写法： 父类添加一个伪类:after（推荐）----》写法稍微复杂，但是没有副作用，**推荐使用**
暂时完成（偷懒不想写了）
