記錄一些html5和css3的一部分屬性

html5

標籤
1 video:視頻 屬性: src:視頻的url autoplay:視頻在就緒後立刻播放 controls:向用戶顯示控件
2 audio:音頻 屬性相似於video
3 屬性：draggable="true" 元素可拖動 觸發ondragstart,ondragover,ondrop等事件
4 canvas:畫布 在js中繪圖，用getContext()函數建立對象進行操做
5 svg:可伸縮的矢量圖形 用xml格式定義
6 input新增類型 type=[email,url,number,range,search],還有獲取日期的 date,month,week等
7 input新增屬性 autocomplete="on/off"自動完成功能 autofocus="autofocus"自動聚焦
placeholder="...":在輸入框中顯示裏面的值，不影響輸入
from="表單名"能夠在<form>標籤外連接該form表單
multiple="multiple"規定輸入域能夠輸入多個值
pattern="正則表達式"用於輸入驗證
還有width,height,min,max等屬性

css3

屬性
1 border-radius: 2px; 順時針規則，建立圓角邊框
2 border-show: 水平 垂直 尺寸 顏色 在框外添加陰影
3 border-image 設置圖片作邊框
4 background-size 背景尺寸
5 background-origin 背景定位的區域
6 text-shadow 添加文字陰影
7 word-wrap 設置文字自動換行，用於表格會自動撐開
8 transform:translate(left,top):移動給定的距離
transform:rotate():旋轉給定的角度
transform:scale(x,y):對尺寸進行操做，x,y爲相應軸的倍數
9 transition: 過渡改變css屬性,和設置過渡時間
10 animation: 動畫,有多個相關屬性
11 column-count:建立多個列顯示內容 column-gap:列之間的間隔 column-rule:列之間的寬度，樣式，顏色
12 box-sizing:設置具體區域的邊框盒