css中的常用式樣

常用式樣：

文字：
color: red; /文字顏色/
font-family: “宋體”;
font-weight:bold; /bold加粗 normal正常粗細/
font-style: italic;/斜體/
font-size: 30px;/字體大小px 默認大小16px/
text-align: center; /文本水平位置/
text-decoration: line-through;/*下劃線 上劃線 橫杆 */
letter-spacing:0px;/字符間距/
line-height: 60px; /行高 若是單行 和高度相同 則是豎直居中/

背景：
背景顏色：background-color: rgba(0,0,255,0.3);
背景圖片：background-image: url(img/Desert.jpg);
背景大小：background-size:20px 20px;
背景是否重複：background-repeat: no-repeat;
背景位置：background-position: 10px 40px;

整體大小：
width: 200px; /px %相對於父容器/
height: 60px;
min-height: ; /最小高度可隨內容自動撐開/

邊框：
邊框寬度：border-width: 10px;
邊框顏色：border-color: red;
邊框風格：border-style: solid; （solid實線 dashed虛線 dotted點虛
border:gray 1px dotted;
圓角矩形：border-radius: 3px;/圓角矩形 px %/
/border-bottom: 10px red solid;/

透明度 陰影：
整體的透明度：opacity: 1;
陰影 ：x y 擴散距離 顏色
box-shadow:5px 5px 5px grey;

鼠標式樣：
鼠標置於上面時出現小手：cursor: pointer; /auto pointer move progress/

序列裝飾物：
取消序列裝飾物：list-style: none;

位置(UNDONE)：
定位方式 static relative absolute fixed

相對定位 ：position: relative;
相對自己在默認狀態下的位置
局部微調時使用 只對自己有影響
絕對定位 ：position: absolute;
不會自動撐開父容器
找父級容器(第一個不是static定位的 )爲參照物
否則以窗口爲參照物