《经典CSS聚合》正文开始,本次阅读大概4分钟。
CSS3 线性渐变(linear-gradient)
transition过渡效果(变形、变色、旋转、停顿时间)
鼠标移上去,图片会自动原地放大CSS写法
三角形对话框(带边框)- :before + :after + border
从table转而使用div+css
display: table-cell 无法使用 margin/ padding 的解法
纯CSS写三角形,自适应不同宽度
水平翻转、垂直翻转
触发变色/随机颜色:
手机浏览器(移动端)去除onclick点击事件后文字出现的背景颜色
多彩颜色、不同颜色jQuery+CSS随机显示颜色
box-sizing:border-box:
padding和box-sizing:border-box; 外边框变为内边框
居中:
vertical-align使图片垂直居中的小细节(vertical-align真正进行居中,需要加入font-size:0px)
csstable布局大法,解决你大部分居中、多列等高、左右布局的问题
浮动固定:
左边固定,右边自适应及左边自适应,右边固定布局的几种方法
csstable布局大法,解决你大部分居中、多列等高、左右布局的问题
常用效果总结:
css常用效果总结
jQuery:
jQuery修改class属性和CSS样式的(addClass()、removeClass()、toggleClass()、hasClass())