HTML5和CSS3新增知识点总结

html5新增语义化标签

header 头部标签

nav 导航栏标签

article 内容标签

section 某一块区域,相当于大号div

aside 侧边栏

footer 尾部标签

多媒体标签
视频标签video:MP4,webm,ogg,尽量使用MP4

​ 属性:

​ autoplay:自动播放

​ muted:静音播放

​ contrls:播放控件

​ loop:循环播放

​ preload:预加载

​ poster:预加载等待的图片

音频标签:audio:MP3,wav,ogg,建议使用MP3格式

​ 属性:

​ autoplay:自动播放

​ muted:静音播放

​ contrls:播放控件

​ loop:循环播放

input:新增属性

​ email

​ url

​ data

​ tel 电话

​ number 数量

​ search 搜索框

​ color

表单属性:

​ required:内容为空,必填项

​ placehold:提示文本

​ autofocus:自动获取焦点

​ autocomplete

​ mulitple 多文件

css3新增特性
1.属性选择器 权重是10

​ E[att] 选中具有att属性的E元素

​ E[att=value/text] 选中att属性值为value的E元素(常用重点)

​ E[att^=xxx]选中att属性为XXX开头的E元素

​ E[att$=xxx]选中att属性为XXX结尾的E元素

​ E[att*=xxx]选中att属性具有xxx的所有E元素

2.结构伪类选择器 权重是10

​ E:first-child 选中父元素中第一个E元素

​ E:last-child 选中父元素中最后一个E元素

​ E:nth-child(n)选中一个或多个元素 n表示某一个元素,odd或者even表示奇数或者偶数,也可以写公式,2n+1

​ E:first-of-type:选中父元素选中第一个E元素,和first-child的区别在于,first-child会先看父元素中第一个孩子,而first-of-type:会找父元素中复合第一个孩子为E的元素

3.伪元素选择器 权重是1

​ 伪元素通过css创建出来的子元素。在文档树看不到的,是一个行内元素

​ ::before在元素内部的前面插入

​ ::after 在 元素内部后面插入

过渡

transition:谁过渡给谁加
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值