响应式 和html5+css3初体验
1.响应式web设计：媒体查询、栅格布局和弹性图片合并称为响应式web设计
2.在html中引入样式表
- 行内式：
- 内嵌式
- 外链式
<link href="css文件路径" type="text/css" rel="stylesheet"/>
浏览器私有前缀
html5语义化标签
常用的css选择器
总结：
伪选择器比较特殊,分为两种伪元素和伪类两种
空格表示后代，
逗号表示并列，*
子代选择器：ul>li{}
兄弟选择器：p+a{}
属性选择器：[href]{}*
盒子模型
css浮动
----css的浮动可以通过float属性进行设置，默认值为none(不浮动)
css定位
定位 position 语法：
position : static 、absolute 、relative、fixed 。
1、static (静态定位)
在css的position中，设置static为默认值，它表示块保持在原本应该在的位置上，即该值没有任何的移动效果，这里就详细说了。
2、relative (相对定位)
使用相对定位的盒子的位置常以标准流的排版方式为基础，然后使盒子相对于它在原本的标准位置偏移指定的距离。相对定位的盒子仍在标准流中，它后面的盒子仍以标准流方式对待它。position指定的偏移量可以使用left，right，top，bottom等属性进行设置。
当子块使用相对定位以后，它发生了偏移，即使移动到了父盒子的外面，父盒子也不会变大，就好像子盒子没有变化一样。
3、absolute (绝对定位)
通过上面介绍的例子可以了解到 position 属性需要通过配合偏移一定的距离来实现定位，而其中核心的问题就是以什么作为偏移的基准。绝对定位，盒子的位置以它的包含框为基准进行偏移（如果对象的父级没有设置定位属性，即还是遵循 HTML 定位规则的，则依据 body 对象左上角作为参考进行定位）。
4、fixed （固定定位）
fixed定位与absolute定位有些类似，区别在于定位的基准不是祖先元素，而是浏览器窗口或者其他显示设备的窗口。当访问者拖动浏览器窗口的滚动条时，固定定位的元素将保持相对浏览器窗口不变的位置。这里就不详细介绍了。
position 指定的偏移量，水平方向通过left或者right属性来指定；竖直方向通过top和bottom来指定。left，right，top，bottom这4个属性只有当position属性设置为absolute、relative和fixed时才有效。
5. z-index (空间位置)
z-index属性用于调整定位时重叠的上下位置，页面为x-y轴，垂直于页面的方向为z轴，z-index值大的页面位于其值小的上方。
z-index属性的值为整数，可以是正数也可以是负数。当块被设置了position属性时，该值便可以设置各块之间的重叠高低关系。默认的z-index值为0，当两个块的z-index值一样时，将保持原有的高低覆盖关系。
