CSS的使用是通过单词style加上你想要的属性。
总共分两种：一种是在body，另一种是在head。
1）、在head部分类似于C语言的声明，它是直接通过style标签，在标签内使用选择器（定位被修饰对象），然后在选择器内添加属性。
div标签，抽象比喻”塑料袋“。它是块级元素，自带换行。span标签属于行内元素，内容占多大，他就包裹多大。不换行。
选择器：1、关系选择器->后代选择器，示例div h1{}，改变子子孙孙
		       子代选择器，示例div->h1{}，只改变儿子
              2、基本选择器->元素选择器，用被定位的标签名
                                         类选择器，用”.“+name
                                         id选择器，用”#“+name
              3、属性选择器->元素选择器后面空一格加上用中括号括住的键值对，属于元素选择器的多次定位。示例input [type="text"]{}
              4、伪类选择器->向选择器添加特殊效果示例a:hover{}
              可以用link引入外部css资源示例 <link rel="stylesheet" type="text/css" href="css/mystyle.css"/>
2）、在body部分属于在标签内硬塞style关键字示例<h1 style="color: deeppink;font-family: '宋体';">这是一个h1标题</h1>


CSS常见属性：浮动->float：left，right，none  浮动会脱离原有的文档流，解除当前空间的占用。
                        消除浮动影响:1、给浮动的父节点加入一个属性overflow:hidden
                                              2、给父节点加一个高度，目的让没有浮动的父节点撑起来
                                              3、给被影响的元素加入一个属性clear：both。
            定位->position：静态定位：（static）
                            相对定位：（relative），相对于静态定位。relative:left,right,top,bottom,示例position: relative;bottom: 10px;
                                z-index，与相对坐标一起使用。示例position: relative;bottom: 10px;right: 20px;z-index: 90;
                            绝对定位（absolute），相对于父级的定位，并释放位置，一般父级会设置相对定位来配合使用示例position: absolute;left: 30px;top: 50px;
                            固定定位（fixed），拉动滚动条，元素在浏览器上的位置不变，示例position: fixed;right: 0px;top: 300px;
            其他：width,height,background-color,padding-top(left,right,bottom),margin-top(left,right,bottom),border,font-size,font-family