首页 > TAG信息列表 > H5C3

H5C3

标签 结构:头 、 体 <html> <head> <title></title> </head> <body> </body> </html> 页面标签 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content=&qu

H5C3基础学习总结之定位堆叠顺序及定位特殊性

定位堆叠顺序 在使用定位布局的时候,可能会出现盒子重叠的情况。此时,可以使用z-index来控制盒子的前后持续。(参考为坐标轴的Z轴) 语法: 选择器 {         z-index: 1; }  注意细节: 数字可以是正整数、负整数或是0,默认为auto。数字越大,盒子越靠山。 如果属性值相同,则按照书

H5C3基础学习总结之滤镜及过渡

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">

h5c3_01练习

基础案例 01-导航搜索 训练描述 搜索栏鼠标经过后出现搜索框,失去焦点还原,并且是以过渡的方式 训练提示 搭建以项目为主的几个文件 书写导航栏页面布局 logo原图比较大,需要设置父盒子宽度和自身的100% 设置导航项 右侧基本都是精灵图,所以不需要使用字体图标,注意间距的调整 将搜

H5C3-day01-小结

H5C3-day01-小结 01-什么是HTML5 HTML5是HTML的第五次升级 广义的HTML5指的是HTML本身+CSS3+js API HTML5暂未被所有浏览器兼容,但这是一个发展趋势 02-HTML5新增标签 语义化标签 header 头部 nav 导航 aside 侧边 article 内容 section 块级 footer 底部 优化搜索引

H5C3-day02-小结

H5C3-day02-小结 01-2D转换之rotate 旋转 rotate(度数) 单位:deg 正顺,负逆 默认的旋转中心点为元素的正中间 CSS3 三角 用rotate属性+border属性实现 02-2D转换之中心点 transform-origin:(x y); x为横坐标 y为纵坐标 可以填方位名词,百分号,px 默认为50% 50% 只写

H5C3-day03-小结

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