主要练习实现一个复杂页面:
https://suyaru.github.io/Pre/Pre15/index.html
看了几个别人写的
总结:
1)一二列固定,三列浮动:Body :display :flex 。一二列 :flex : 0 0 XX ,固定宽度为xx
2)背景渐变:background:linear-gradient (left/top/bottom/right,起始色,终止色)
3)小图标可以用 font-awesome.css
4 )失误的地方:鼠标放在图片上,显示一个略微透明的放大键
img 后加一个<div >,设置 背景色,opacity: 透明度(【0,1】1为完全的背景色,若为0.4 则背景色的显示40%透明度,照片占60%)
再加一个新的<div> ,一个<span>设置在放大镜后的白色圆形。transform将白色背景放入放大键背后。