精品文章收藏

1、【CSS进阶】CSS 颜色体系详解

　　知识点梳理：

　　　　a、颜色关键字错误时，该条CSS属性将无效，而不是使用currentColor替代

　　　　b、CSS3之前，transparent只能用于border-color、background-color，CSS3中transparent则作为一个颜色值使用

　　　　c、transparent的妙用：1、绘制三角形；2、增大可点击区域

　　　　d、rgb与hsl的定义及转换

 2、CSS常见居中讨论

　　　知识点梳理：

　　　　a、左右居中常用text-align和margin: 0 auto

　　　　b、上下居中常用：

　　　　　　　　1、借助table-cell；

　　　　　　　　2、top: 50%和margin-top/translate(0, -50%)结合，左右居中也可以使用该方法

　　　　c、position: absolute和margin: auto结合，达到上下左右居中

　　　　d、b1与c兼容ie8+、chrome，但ie7不行

3、判断鼠标移入移出元素时的方向

　　　知识点梳理：

　　　　a、CSS3属性：transition的灵活使用

　　　　b、调用DOM元素的offsetWidth属性，会立即触发页面重绘（正常情况下，在js线程闲置时页面才会重绘）

　　　　c、注意mouseenter、mouseleave与mouseover、mouseout的不同

　　　　d、通过方法getBoundingClientRect()可以获取当前元素的坐标区域，通过斜率判断移动的方向

4、【CSS进阶】伪元素的妙用--单标签之美

　　　知识点梳理：

　　　　a、伪元素::before、::after可以使一个标签当三个标签使用，可以消除多余元素，极大增强html的语义性

　　　　b、ie7及以下不支持befor等伪元素，ie8+、chrome均支持

　　　　c、使用after伪类可以清理浮动，详细介绍：用after伪类清除浮动

　　　　　　　　.container:after{content:''; display:block; clear:both} .container{*zoom:1}      此样式更为简洁

　　　　d、ie7及以下兼容（*），而ie8+、chrome不兼容，c 中即可以使用该hack

　　　　e、使用伪元素可以解决css sprites图标间距的问题

 5、文件各种上传，离不开的表单

　　待实践，注意文章后面的引用，另外，一篇关于文件下载的文章：文件下载之断点续传（客户端与服务端的实现）