黑马程序员技术交流社区
标题:
h5移动开发day01
[打印本页]
作者:
明知梦已醒
时间:
2019-4-11 13:37
标题:
h5移动开发day01
本帖最后由 明知梦已醒 于 2019-4-11 13:43 编辑
电脑 pc端页面布局(html+css)
移动端页面布局(html5 + css3 )
手机
ipad
HTML5:
1)新增的语义化标签
验证一下这些标签是不是块标签【练】
header
nav
aside
footer....
2)音频标签
1)语法
2)属性
3)浏览器兼容性处理
4)游戏官网、宣传页面,加背景音乐
3)视频标签
1)语法
2)属性
3)浏览器兼容性处理
4)解决谷歌不能自动播放
4)新增的input表单标签
1】限制输入内容时的格式
2】提交表单是,校验内容并提示
<input type="number">
<input type="search">....
5)新增的表单属性
提示内容:placeholder
自动获得焦点
不能为空
自动记录输入的内容
一次上传多个文件
css3:
1)属性选择器
根据属性名
根据属性值
2)结构伪类选择器
:first-child
:last-child
:nth-child(n)
n可以是数字、单词、公式(从0开始)
不考虑元素的类型
指定父元素
:first-of-type
:last-of-type
:nth-of-type()
考虑元素的类型
3)伪元素选择器
::before
::after
content不能省略,可以设置为空
4)2D转换
1)移动 transform:translate(x,y)
x,y可以是具体的像素值,还可以是百分比(是自身宽度或高度的百分比)
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2