【无标题】

一个css盒子从外到内可以分成四个部分：margin（外边距），border（边框），padding（内边距），content（内容）
默认情况下，盒子的width和height属性只是设置content（内容）的宽和高
盒子真正的宽应该是：内容宽度+左右填充+左右边距+左右边框
盒子真正的高应该是：内容高度+上下填充+上下边距+上下边框
3.视频/音频标签的使用
视频：<video src=””></video>
视频标签属性：
src 需要播放的视频地址
width/height 设置播放视频的宽高，和img标签的宽高属性一样
autoplay 是否自动播放
controls 是否显示控制条
poster 没有播放之前显示的展位图片
loop 是否循环播放
perload 预加载视频（缓存）与autoplay相冲突，设置了autoplay属性，perload属性会失效。
muted 静音模式
音频: 音频属性和视频属性差不多，不过宽高和poster属性不能用
<audio>
<source src=”” type=””>
</audio>
4.HTML5新增的内容有哪些
新增语义化标签
新增表单类型
表单元素
表单属性
表单事件
多媒体标签
5.Html5 新增的语义化标签有哪些
语义化标签优点：
1.提升可访问性 2.seo 3.结构清晰，利于维护
Header页面头部 main页面主要内容 footer页面底部
Nav导航栏 aside侧边栏 article加载页面一块独立内容
Section相当于div  figure加载独立内容（上图下字） figcaption  figure的标题
Hgroup标题组合标签 mark高亮显示 dialog 加载对话框标签（必须配合open属性）
Embed加载插件的标签 video加载视频 audio加载音频（支持格式ogg，mp3，wav）
6.Css3新增的特性
边框：
border-radius添加圆角边框       
border-shadow：给框添加阴影 （水平位移，垂直位移，模糊半径，阴影尺寸，阴影颜色，insetr（内/外部阴影））
border-image：设置边框图像
border-image-source 边框图片的路径
border-image-slice 图片边框向内偏移
border-image-width 图片边框的宽度
border-image-outset 边框图像区域超出边框的量
border-image-repeat 图像边框是否平铺（repeat平铺 round铺满 stretch 拉伸）
背景：
Background-size 背景图片尺寸
Background-origin规定background-position属性相对于什么位置定位