2.input標籤
屬性：type：定義輸入標籤的型別 text/password/checkbox/submit…
name:提交資料的名稱
value：提交資料的輸入框的值
placeholder:預製文字
1.-webkit-filter:grayscale();:設定灰度，1是百分之百，0是百分之0.
2.-webkit-filter:brightness();:設定亮度，預設值是1,1為正常亮度.
3.-webkit-filter:sepia();:設定褐色屬性，1是百分之百褐色，正常為0.
4.-webkit-filter:blur();:設定模糊度，單位為畫素（px）.
5.-webkit-filter:contrast();:設定對比度，正常為1，如果調成0，就 沒有任何對比度，變成灰色.
6.-webkit-filter:saturate();:設定飽和度，正常為1，如果調成0，就 沒有任何對比度，變成灰色.
7.-webkit-filter:invert();:設定膠片底色。
8.-webkit-filter:transi();:設定過渡時間。
9.-webkit-filter:hue-rotate();:設定褐色屬性，(單位為deg,0-360迴圈)。
1.設定過渡效果的屬性：
transition-property:width;
2.設定過渡時間長度的屬性：
transition-duration:2s;
3.設定整個過渡動畫的速度的屬性：
transition-timing-function:ease;
(ease:預設值，從慢到快再慢下來)
（linear：設定線性速度）
（ease-in：從慢到快）
（ease-out：從快到慢）
4.設定延遲時間的屬性：
transition-delay:2s;
1.2d轉換移動：transform：translate(x,y);
x：代表水平移動的距離 100px
y: 代表垂直移動的距離 100px
移動：transform：translatex(100px);,水平移動
移動：transform：translatey(100px);,豎直移動
2.旋轉：transform:rotate(30deg);
3.3d轉換：三維立體空間，有三個軸
旋轉x軸 transform：rotatex(45deg);
旋轉y軸 transform：rotatey(45deg);
旋轉z軸 transform：rotatez(45deg);
*旋轉立體 transform:rotate3d(x,y,z,deg);
設定透視點 perspective:100px;
設定透明度 opacity:0.6;
設定transform-style:preserve-3d; 保留子元素3d效果
animation:綜合性的動畫設定屬性
**1.animation-name：動畫名稱；
2.animation-duration：動畫的時間週期；
3.animation-timing-function：動畫變化的速度；
ease（預設），linear,ease-in,ease-out.
4.animation-delay:延遲時間；
5.animation-iteration-count：動畫迴圈次數； infinite（無限次）
6.animation-direction：運動的方向；
normal（預設）。
alternate:奇數正常運動，偶數反方向運動。
reverse：反方向運動。
alternate-reverse：奇數次反方向運動，偶數次正方形運動。
7.animation-fill-mode：forwards；
使得動畫保留最後一幀的效果。
H5移動端開發相關內容
1 給頁面定義最大和最小寬度 2 去掉a input標籤在瀏覽器中的預設樣式 a,button,input,optgroup,select,textarea a,img 流暢滾動 body 3 css控制字型的個數，超出顯示省略號 4 calc 的相容效果不是特別好，瀏覽器支援有限，不推薦使用 fo...
ORB SLAM2相關內容
toc orb slam2簡介 摘要orb slam2是基於單目，雙目和rgb d相機的一套完整的slam方案。它能夠實現地圖重用，回環檢測和重新定位的功能。無論是在室內的小型手持裝置，還是到工廠環境的無人機和城市裡駕駛的汽車，orb slam2都能夠在標準的cpu上進行實時工作。orb slam2...
學習筆記之html5相關內容
學的第乙個內容還是一些標籤和屬性之類的，可以參考乙個上面有大量的內容，不在這廢話了。這裡主要來介紹寫的幾個程式來寫一下重要的知識點。第乙個程式是關於拖拽的 主要介紹一下drag和drop 首先，為了使元素可拖動，把 draggable 屬性設定為 true 然後，規定當元素被拖動時，會發生什麼。在上...