href:路徑
src：路徑標籤的屬性
border 邊框
cellspacing **外邊距
cellpadding **內邊距
align 位置
bgcolor：背景色
background：背景
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樣式表 css2 css3
結構 html4 html5
ie8及以下都不支援css3和html5
css3中新增的屬性
1、邊框圓角：border-radius
左上角 border-top-left-radius
右上角 border-top-right-radius
左下角 border-bottom-left-radius
右下角 border-bottom-right-radius
border-radius：10px （四個角）
border-radius：10px 20px（左上和右下 右上和左下）
border-radius：10px 20px 30px（左上 右上和左下 右下）
border-radius：10px 20px 30px 40px（左上 右上 右下 左下）
2、盒子陰影：box-shadow
box-shadow：3px 3px 4px 5px #f00 inset（水平偏移 垂直偏移 模糊程度 擴充套件大小 顏色 內陰影）
注意：水平偏移和垂直偏移必須寫，其他值可有可無，預設是黑色陰影
box-shadow：inset #f00 3px 3px 4px 5px （ 顏色 水平偏移 垂直偏移 模糊程度 擴充套件大小）
3、文字陰影：text-shadow
text-shadow：3px 3px 4px #f00（水平偏移 垂直偏移 模糊程度 顏色）沒有內陰影，沒有擴充套件大小
注意：水平偏移和垂直偏移必須寫，顏色可以前置，預設陰影是字型的顏色
4、線性漸變：background-image：linear-gradient（角度，顏色值1，顏色值2，...顏色值n）
注意：角度：deg 50deg
方向：to left
to right
to top
to bottom
徑向漸變：background:radial-gradient(60px 20px,#f00,#0f0) 徑向漸變
第乙個值寬度（橢圓的橫向直徑）
第二個值高度（橢圓的縱向直徑） 後邊是漸變的顏色 兩個數值後 用逗號隔開
5、文字溢位：text-overflow（值：clip剪下、ellipsis省略號）
配合： white-space：nowrap不換行
overflow：hidden 溢位隱藏
text-overflow:ellipsis顯示省略號
6、盒子大小 ：box-sizing
值：border-box：計算的時候，寬度是包含邊框和填充和內容的寬度，向內擠壓
content-box：只包含內容的寬度，不包含邊框和填充的寬度
HTML5 CSS3 響應式布局
響應式布局是ethan marcotte在2010年5月份提出的乙個概念，簡而言之，就是乙個 能夠相容多個終端 而不是為每個終端做乙個特定的版本。這個概念是為解決移動網際網路瀏覽而誕生的。優點 面對不同解析度裝置靈活性強 能夠快捷解決多裝置顯示適應問題 缺點 相容各種裝置工作量大，效率低下 累贅，會...
關於html5 css3常用屬性的介紹
src poster 載入等待的畫面 input表單元素 其他表單元素 placeholder autofocus autocomplete multiple 可以多選檔案提交。結構偽類選擇器 第0個元素或是超出元素的範圍會被省略 e first of type 指定型別e的第乙個 e last o...
關於html5 css3常用屬性的介紹
srcposter 載入等待的畫面 input表單元素 其他表單元素 placeholder autofocus autocomplete multiple 可以多選檔案提交。結構偽類選擇器 第0個元素或是超出元素的範圍會被省略 e first of type 指定型別e的第乙個 e last of...