知识点梳理:
a、颜色关键字错误时,该条CSS属性将无效,而不是使用currentColor替代
b、CSS3之前,transparent只能用于border-color、background-color,CSS3中transparent则作为一个颜色值使用
c、transparent的妙用:1、绘制三角形;2、增大可点击区域
d、rgb与hsl的定义及转换
知识点梳理:
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不行
知识点梳理:
a、CSS3属性:transition的灵活使用
b、调用DOM元素的offsetWidth属性,会立即触发页面重绘(正常情况下,在js线程闲置时页面才会重绘)
c、注意mouseenter、mouseleave与mouseover、mouseout的不同
d、通过方法getBoundingClientRect()可以获取当前元素的坐标区域,通过斜率判断移动的方向
知识点梳理:
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图标间距的问题
待实践,注意文章后面的引用,另外,一篇关于文件下载的文章:文件下载之断点续传(客户端与服务端的实现)