width：（寬度）
height：（高度）
border：1px solid red；（邊框 ：邊框粗細 顯示 顏色）
border-radius：10deg；（邊框變圓角）
box-shadow：10px 10px 10px red；（div盒子陰影：右側陰影10px，下側陰影10px，淡化拉伸陰影10px，陰影顏色；為負值時位置相反）
background-color：（背景顏色）
background-image：url（）（背景圖片）
background-size：（背景尺寸）
background-repeat：no repeat（背景平鋪：不平鋪）
background-position: top / bottom / left/ right;（背景位置：上下左右）
color：（字型顏色）
font-size：（字型尺寸大小）
font-style：（字型格式）
font-weight：（字型寬度）
font-decoration：underline（字型標註：下劃線）
text-align：（字型水平位置）
display：table-cell；（字型垂
vertical-align： ；直位置）
<p style=“text-indent：40em；”>（字型首行縮排：40em 1em等於兩個字元寬度）
——————————————————————————————————————————————————————————————————————
*{ （頁面格式化）
margin：0 auto；
padding： 0；
}
——————————————————————————————————————————————————————————————————————
.class{ （對上面的
clear:both; 浮動格式
} 的影響進
<div class=”clear”> </div> 行清除）
——————————————————————————————————————————————————————————————————————
div：hover{ （當滑鼠放上時
cursor：pointer； 變小手
background-img：url（） 更換背景圖片
}
——————————————————————————————————————————————————————————————————————
<ol> （有 <ul> （無
<li></li> 序 <li></li> 序
<li></li> 列 <li></li> 列
</ol> 表） <ul> 表）
——————————————————————————————————————————————————————————————————————
div{
animation：name 5s infinite alternate； （ 動畫：名稱；執行一遍所需時間；迴圈播放；互動播放）
}
@keyframes name{
0%{ } （執行至0%時div的樣式）
50%{ } （執行至50%時div的樣式）
100%{ } （執行至100%時div的樣式）
}
——————————————————————————————————————————————————————————————————————