href:路徑
src：路徑標籤的屬性
border 邊框
cellspacing **外邊距
cellpadding **內邊距
align 位置
bgcolor：背景色
bordercolor：邊框顏色
table中
colspan 跨2列
rowspan 跨 行
type值
text 文字
password 密碼
radio 單選
checkbox 多選
reset 重置
file 檔案上傳
submit 提交表單
image 圖形提交
button 普通按鈕
分組下拉
煙台青島威海
bjtam
zong
文字區域textarea
cols 寬度 rows 高度 readonly 唯讀字型、字型大小：css樣式
font（縮寫形式）
font-weight（粗細） 正常(normal) 粗體(bold) 斜體(italic)
font-size（大小）
font-family（字型系列）
font-style（字型樣式）
字型顏色：color
opacity (透明度 css3)
行距、對齊等：line-height （行高）
text-align （對齊）
letter-spacing （字元間距）
text-decoration （文字修飾 ）
overflow 超出的部分隱藏
text-overflow
text-overflow文字裁剪 clip裁剪文字時不新增... ellipsis 裁剪時加... 注意：不換行和over-flow控制
text-shadow 陰影
text-indent
背景屬性：
background （縮寫形式）
background-color（背景色 ）
background-image（背景圖 ）
background-repeat（背景圖重複方式 ）
background-position（位置座標、偏移量）
列表常用
list-style： none無風格 disc實心圓 circle空心圓 square 實心正方形 decimal 數字
盒子屬性：
margin（外邊距/邊界） 以上方為主 可寫1、2、4個值
border（邊框）
padding（內邊距/填充 ）
後可加 -top 等方向
border-radius 邊框圓角
box-shadow 陰影
變形效果：transform
transform-origin 指定變換的起點
none無變換
translate（長度值或百分比） translatex translatey 在水平、垂直方向平移
scale（數值）scalex scaley 在水平方向、垂直方向或兩個方向上縮放
rotate（角度）旋轉元素
skew（角度）skewx skewy 在水平方向、垂直方向或兩個方向上使元素傾斜一定的角度
matrix 自定義
過渡效果：transition
transition-property 指定過渡的css屬性 預設值 all
transition-duration 完成過渡的時間
transition-timing-function 指定過渡函式 緩動效果預設值ease 等同於（0.25， 0.1， 0.25， 1.0）
transition-delay 指定過渡開始出現的延遲時間
@keyframes：定義乙個動畫
animation
<style
>
.t5/*
transition-delay延遲
*/.t5:hover
@keyframes key
25%50%
75%100%
} .kt
style
>
<
div
class
="kt t5"
>
div>
HTML5 快取 CSS3動畫
1 語義標籤 2 增強性表單 4 canvas 繪圖 5 svg繪圖 6 地理定位 7 拖放api 8 web worker 9 web storage 10 websockket 處理html5新標籤的瀏覽器相容問題？1 使用document.createelement tag 來解決 2 使用h...
HTML5 移動開發（CSS3設計移動頁面樣式）
1.如何建立css樣式表 2.css3的卓越特性 3.基於裝置屬性改變樣式的 查詢 4.如何使用屬性改變元標籤建立更美觀移動頁面 層疊樣式表是移動web開發中的乙個重要組成部分，本次分享將學到如何編寫css並用它為移動頁面定製樣式，其中包括 查詢為特定裝置定製樣式表。此外還將了解一些影響移動裝置內容...
css3和html5的基礎
流式布局 應對視窗大小做等比例縮放布局 簡單來說利用百分數來進行布局 css3的box sizing與calc 通常設定邊框會被設定在元素的外圍 box sizing屬性值設為border box時邊框就加在元素內部 css3中在進行響應式布局時需要對不不同的螢幕大小設定不同的div排序方式。這時候...