HTML5新特性：
<header>頭部標簽
<nav>導航標簽
<article>內容標簽
<section>定義文檔某個區(qū)域
<aside>側邊欄標簽
<footer>尾部標簽
<video>視頻 *MP4 webm ogg
autoplay:視頻是否自動播放
muted：是否為靜音播放
controls：顯示播放控件
loop：播放完是否繼續(xù)播放
preload：是否預加載視頻，如果有了auto 就忽略該屬性 auto預先加載 none不加載
src：url：視頻地址
poster：imgurl；加載等待的畫面圖片
<audio>音頻 *MP3 wav ogg
autoplay：自動播放
controls：顯示播放控件
loop：播放完是否繼續(xù)播放
src：url：視頻地址
muted：是否為靜音播放
input類型：
type="email"
type="url"
type="date"
type="time"
type="month"
type="week"
type="number"
type="tel" 手機號碼
type="search" 搜索
type="color"
表單屬性：
required：內容不能為空
placeholder：提示信息拴魄，存在默認值將不顯示
autofocus：自動聚焦，頁面加載完成自動聚焦到指定表單
autocomplete：off/on
multiple：可以多選文件提交
CSS3新特性：
1.屬性選擇器：
E[att]:選擇具有att屬性的E元素
*E[att="val"]:選擇具有att屬性且屬性值等于val的E元素
E[att^="val"]:選擇具有att屬性且屬性值必須是val開頭的這些元素
E[att$="val"]:選擇具有att屬性且屬性值必須是val結尾的這些元素
E[att*="val"]:選擇具有att屬性且屬性值必須是含有val這些元素
2.結構偽類選擇器：根據文檔結構來選擇器元素
E:first-child 匹配父元素中的第一個子元素E
E:last-child 匹配父元素中的第一個子元素E
E:nth-child(n) 匹配父元素中的第n個子元素E
n可以是數(shù)字關鍵字和公式
關鍵字：even偶數(shù)，odd奇數(shù)
公式：從0開始 每次加1 往后面計算 只能是包含n的公式
E:first-of-type 匹配父元素中的第一個子元素E
E:last-of-type 匹配父元素中的第一個子元素E
E:nth-of-type(n) 匹配父元素中的第n個子元素E
區(qū)別：nth-child 會把所有的孩子都排列序列號
? ? ? nth-of-type 會把指定元素的盒子排列序號
3.偽元素選擇器：
::before 在元素內部的前面插入內容
::after 在元素內部的后面插入內容
element::before{}
before after 內必須包含content屬性
before在父元素內容的前面創(chuàng)建元素溢吻，after在父元素內容的后面創(chuàng)建元素
CSS3盒子模型：box-sizing
content-box 盒子大小為width+padding+border
border-box 盒子大小為width padding和border不會撐大盒子了
圖片變模糊：
濾鏡filter：css屬性將模糊或顏色偏移等圖形效果應用于元素
filter：函數(shù)()? filter：blur（5px） 數(shù)值越大越模糊
計算盒子寬度：
width：calc（100%-80px）;
css過渡：
transition:要過渡的屬性 花費時間 運動曲線 何時開始
transition: width 1s ease 1s, hight 1s ease 1s;
transition：all 0.2s乌庶；
