與
這些類似，h5把這些布局語義話，並沒有本質區別。
定義了文件的頭部區域
定義頁面的側邊欄內容
定義頁面內容之外的內容
定義 section 或 document 的頁尾
html5shiv.min.js這個外掛程式相容ie9一下
1.datalist標籤
有輸入功能的下拉列表
placeholder，佔位符
autofocus，獲取焦點
multiple 同是上傳多個檔案或者郵箱
form 制定表單元素制定在哪個表單內，為表單外的input元素使用
required 便是次表單必須填寫
pattern 正則表達規定表單元素的格式
autocomplete 屬性值on或者off 用於指定表單元素是否提示
a) email： 輸入email格式
b) tel： 手機號碼
c) url： 只能輸入url格式
d) number： 只能輸入數字
e) search： 搜尋框
f) range： 範圍，可以進行拖動，通過value進行取值
g) color ：拾色器，通過value進行取值
h) time ：時間
i) date： 日期 不是絕對的
j) datetime： 時間日期
k) month： 月份
l) week： 星期
fieldset用於指定表單元素外層有一層邊框，legend用於定義標題
oninput事件用於監聽表單元素值的變化
oninvalid事件用於當表單驗證不通過時觸發
data-* 獲取屬性值方式如（data-key）， dom元素.dataset[「key」]
如果是data-key-value這種格式，則需要用駝峰發獲取屬性值，如dom元素.dataset[「keyvalue」]
1.e::before e::after
與c2中的偽類e:before e:after對比:為了瀏覽器的相容性c2中的偽類自動識別成c3中的偽元素
這兩個偽元素使用的時候必須將其轉化為塊級元素，三種方式：
使用float display position三個屬性轉換
使用是必須新增content屬性，即使它什麼也不指定也要新增它的值為空
2.first-letter 設定文字第乙個字的樣式
3.first-line 設定文字第一行樣式
4.selection 設定文字被選中後的樣式
1.opacity 子元素會繼承父元素的透明度
2.transparent 不可調節，完全透明
3.rgba 其子元素不可繼承父元素的透明度
css中預設設定元素的寬高不是盒子的寬高，而是內容區域的寬高。
使用box-sizing:border-box設定元素的寬高為盒子的寬高，即border+padding+content 為盒子的寬高
box-sizing預設值為content-box
border-radius 屬性，屬性值可以設定百分比或者畫素，百分比是以當前元素計算的。屬性值從左上角順時針設定。與padding margin用法相似
box-shadow 取值如下
h-shadow 必需。水平陰影的位置。允許負值。
v-shadow 必需。垂直陰影的位置。允許負值。
blur 可選。模糊距離。
spread 可選。陰影的尺寸。值越大，陰影的擴散面積越大
color 可選。陰影的顏色。
inset 可選。將外部陰影 (outset) 改為內部陰影。
如（box-shadow：2px 2px 5px 5px orange inset）
作用，將規定為div的邊框
border-image-source 用在邊框的的路徑。url("")
border-image-slice 邊框向內偏移—裁切。10 10 fill (以畫素為單位，但不需要新增 。中間部分填充)
border-image-width 邊框的寬度。
border-image-outset 邊框影象區域超出邊框的量。
border-image-repeat 影象邊框是否應平鋪(repeated)、鋪滿(rounded)或拉伸(stretched)。
線性漸變：linear-gradient：to right ，red 20%， blue 60%
第乙個引數是漸變的方向，第二個引數是漸變的起始顏色，從20%開始漸變，第三個引數為漸變的終止顏色，以60%處結束
徑向漸變：radical-gradient:circul closest-coner at 50% 50% ,red blue
1.background-size
auto：此值為預設值，保持背景的原始高度和寬度;
b) number：此值設定具體的值，可以改變背景的大小;
c) percentage：此值為百分值，可以是0%〜100%之間任何值，但此值只能應用在塊元素上，所設定百分值將使用背景大小根據所在元素的寬度的百分比來計算。
d) cover：此值是將放大，以適合鋪滿整個容器，這個主要運用在，當小於容器時，又無法使用background-repeat來實現時，我們就可以採用cover;將背景放大到適合容器的大小
e) contain：此值剛好與cover相反，其主要是將背景縮小，以適合鋪滿整個容器，這個主要運用在，當背景大於元素容器時，而又需要將背景全部顯示出來，此時我們就可以使用contain將縮小到適合容器大小為止。
f) 當background-size取值為number和percentage時可以設定兩個值，也可以設定乙個值，當只取乙個值時，第二個值相當於auto，但這裡的auto並不會使背景的高度保持自己原始高度，而是會參照第乙個引數值進行等比例縮放。
2.background-origin
作用：background-origin 屬性規定 background-position 屬性相對於什麼位置來定位。預設值是left top左上角
語法：background-origin: padding-box|border-box|content-box;
屬性值說明：
padding-box 背景影象相對於內邊距框來定位。
border-box 背景影象相對於邊框盒來定位。
content-box 背景影象相對於內容框來定位。
3.background-clip
background-clip 屬性規定背景的繪製區：雖然是設定裁切，但是控制的是顯示。說白了，就是設定最終顯示那些區域
語法：background-clip: border-box|padding-box|content-box;
屬性值說明：
值 描述
border-box 背景被裁剪到邊框盒。
padding-box 背景被裁剪到內邊距框。
content-box 背景被裁剪到內容框。
transition: property duration timing-function delay;
為元素的屬性的改變新增動畫效果。
第乙個引數：指定哪個屬性新增過度效果
第二個引數：指定過渡的時間
第三個引數：指定過度的速度曲線。
第四的引數：指定過度時延
display:flex;執行父容器為伸縮盒子，子元素為伸縮項。
justify-content指定主軸方向對齊方式
align-items 指定側軸方向對齊方式
flex-direction指定主軸是水平方向還是垂直方向
flex-wrap 是否允許子元素換行
在子元素中定義flex屬性
d) flex屬性：flex屬性是flex-grow, flex-shrink 和 flex-basis的簡寫，預設值為0 1 auto。後兩個屬性可選
flex-grow 伸縮專案擴充套件比例預設0
flex-shrink 伸縮專案收縮比例，預設1
flex-basis伸縮專案初始長度，預設auto
語法：flex: [flex-grow] [flex-shrink] [flex-basis]：大多數情況下沒必要使用這種語法，當使用flex縮寫時，大多數情況下沒必要使用這種語法
flex: [number]：這個語法指定了乙個數字，代表了這個伸縮專案該占用的剩餘空間比例
flex: auto：屬性值被設為auto的伸縮專案，會根據主軸自動伸縮以占用所有剩餘空間
H5C3小知識點總結
相對定位 reletive 絕對定位 absolute 注意 overflow hidden text overflow ellipsis white space nowrap display webkit box webkit box orient vertical webkit line cla...
H5C3知識點今日總結
結構 位置 偽類選擇器 css3 p first of type 匹配同型別中的第乙個同級兄弟元素p p last of type 匹配同型別中的最後乙個同級兄弟元素p p first child 匹配父元素的第乙個子元素p。p last child 匹配父元素的第乙個子元素p。p nth chil...
H5C3新特性 動畫
轉換 transform 是css3中具有顛覆性的特徵之一，可以實現元素的位移 旋轉 變形 縮放。縮放 scale 移動 translate 旋 rotate 傾斜 skew 2d轉換是改變標籤在二維平面上的位置和形狀的一種技術 transform translate x,y transform t...