web移动端

结构伪类选择器 匹配父元素中的第一个子元素E E:first-child{} 匹配父元素中的最后一个子元素E E:last-child{} 匹配父元素中的第n个子元素E E:nth-child(n)

百分比布局 目标 了解百分比布局方案 学习内容 特点 流式布局 宽度自适应，高度固定 布局方式 宽度为百分比写法 FLex布局 目标 使用Flex布局模型完成网页基本布局效果 学习内容 Flex的优势

空间转换 平移 transform:translateZ() z轴是指垂直屏幕向外的轴 可以实现z轴方向的位置偏移 transform:translate3d(x,y,z) 旋转 transform:

字体图标 节省服务器的响应压力 精灵图 优点：将多个图存放一个文件上，所以请求只有一次 缺点 它是一个图片，放大会失真 如果需要修改会比较麻烦 字体图标 优点 它是文本内容，矢量图，放大不会失真 它是