一、今日学习内容
1.新增标签
头部标签<header></header>
导航栏标签<nav></nav>
内容标签<article></article>
侧边栏标签<aside></aside>
底部标签<footer></footer>
优点：便于搜索引擎解析 缺点：会有兼容性问题
2.新增input内type属性值
email 限制用户输入必须为email类型
url 限制用户输入必须为url类型
date 限制用户输入必须为日期类型
time 限制用户输入必须为时间类型
month 限制用户输入必须为月类型
week 限制用户输入必须为周类型
number 限制用户输入必须为数字类型
search 限制用户输入必须为搜索框类型
color 生成一个颜色选择框
tel 限制用户输入电话号码类型
3.新增表单属性
required=“required” 内容为必填项
placeholder=“ ” 提示文本
autofocus=“autofocus” 自动聚焦指定表单元素
autocomplete=“on/off” 显示历史输入内容
multiple=“multiple” 多选文件
修改placeholder字体颜色：
input：：placeholder {}
4.新增多媒体标签
<audio>标签 音频标签
autoplay：autoplay; 自动播放。
controls：controls; 像用户展示播放控件
loop:loop; 当音频结束时重现开始播放
src:url；要播放的音频的url（地址）
<video>标签 视频标签:autoplay：autoplay; 自动播放。
muted=“muted” 视频静音
controls：controls; 像用户展示播放控件
loop:loop; 当视频结束时重现开始播放
src:url； 要播放的视频的url（地址）
width/height： px；设置播放器宽高
preload：auto/none;(如果有autoplay该属性会被忽视)
poster=“图片地址” 加载等待是的图片显示
5.CSS3
CSS怪异盒模型box-sizing：content-box； box-sizing：border-box;
新增选择器
(1)属性选择器根据元素的特定属性来选择元素，这样就可以不借助于类或者id选择器。
(2)结构伪类选择器根据文档的结构来选择元素，通常用于根据父元素来选择里面的子元素的情况。
(3)伪元素选择器
今日无问题
|
