标签 结构：头 、 体 <html> <head> <title></title> </head> <body> </body> </html> 页面标签 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content=&qu
定位堆叠顺序 在使用定位布局的时候，可能会出现盒子重叠的情况。此时，可以使用z-index来控制盒子的前后持续。（参考为坐标轴的Z轴） 语法： 选择器 { z-index: 1; } 注意细节： 数字可以是正整数、负整数或是0，默认为auto。数字越大，盒子越靠山。 如果属性值相同，则按照书
CSS3滤镜filter filter CSS属性将模糊或颜色位移等图形效果应用于元素。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
基础案例 01-导航搜索 训练描述 搜索栏鼠标经过后出现搜索框，失去焦点还原，并且是以过渡的方式 训练提示 搭建以项目为主的几个文件 书写导航栏页面布局 logo原图比较大，需要设置父盒子宽度和自身的100% 设置导航项 右侧基本都是精灵图，所以不需要使用字体图标，注意间距的调整 将搜
H5C3-day01-小结 01-什么是HTML5 HTML5是HTML的第五次升级 广义的HTML5指的是HTML本身＋CSS3＋js API HTML5暂未被所有浏览器兼容，但这是一个发展趋势 02-HTML5新增标签 语义化标签 header 头部 nav 导航 aside 侧边 article 内容 section 块级 footer 底部 优化搜索引
H5C3-day02-小结 01-2D转换之rotate 旋转 rotate(度数) 单位：deg 正顺，负逆 默认的旋转中心点为元素的正中间 CSS3 三角 用rotate属性＋border属性实现 02-2D转换之中心点 transform-origin:(x y); x为横坐标 y为纵坐标 可以填方位名词，百分号，px 默认为50% 50% 只写
H5C3-day03-小结 01-认识3D转换 3D特点： 近大远小 遮挡物体后面，不可见 x轴：右正左负 y轴：下正上负 z轴：外正内负 02-3D移动translate3d 语法 transform:translate3d(x,y,z)在x，y，z轴上移动的距离 transform:translateX(x);在X轴上移动的距离 transform:translate
