HTML5新增标签和CSS3新增选择器

HTML5新增标签
header(定义文档的页眉头部)
nav(定义导航链接的部分)
footer(定义文档或节的页脚底部)
article(定义文章)
section(定义文档中的节(section、区段))
aside(定义其所处内容之外的内容侧边)
email: 输入email格式
tel: 手机号码
url: 只能输入url格式
number: 只能输入数字
search: 搜索框
range: 范围,可以进行拖动,通过value进行取值
color :拾色器,通过value进行取值
time :时间
date: 日期 不是绝对的
datetime: 时间日期
month: 月份
week: 星期
 
新增表单属性
placeholder 属性
2、autocomplete 属性
3. autofocus 属性
4.  list 属性
5.  min  和  max 属性
6.step 属性
7.  required 属性
8. email 输入类型
9. url输入类型
10. date类型
11. time类型
12. datetime 输入类型
13.   datetime-local  输入类型
14.   month输入类型
15.   week输入类型
16.  number输入类型
17. range输入类型
18. search  输入类型
19. tel  输入类型
20. color输入类型
插入视频:
三种音频格式:ogg Vorbis、MP3、wav
autoplay自动播放
controls是否显不默认播放控件
loop循环播放﹑如果这个属性不写默认播放一次 loop
width设置播放窗口宽度
height设置播放窗口的高度


Css3新增选择器
结构(位置)伪类选择器(CSS3)
first-child :选取属于其父元素的首个子元素的指定选择器
last-child :选取属于其父元素的最后一个子元素的指定选择器
nth-child(n):匹配属于其父元素的第N个子元素,不论元素的类型
nth-last-child(n):选择器匹配属于其元素的第N个子元素的每个元素,不论元素的类型,从最后n可以是数字、关键词或公式(n取even选择所有偶数   n取odd选择所有偶数)

伪元素
1.E::first-letter文本的第一个单词或字(如中文、日文韩文等)
2.E:first-line文本第一行;
3.E:.selection可改变选中文本的样式
4.使用after伪元素清除浮动:after方式为空元素的升级版,好处是不用单独加标签了

Css3盒子模型
box-sizing:border-box(內减模式)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值