7. CSS於區塊的應用

一、區塊常用設定（區塊泛指<div><p>等標籤）

1. 尺寸：width:寬度px; height:高度px; （亦可用 80% 這樣的呈現方式）
2. 邊框：border: 1px solid #FF0000; （粗細 框線類型 顏色）
3. 外邊界：margin: 10px auto 20px auto（上 右 下 左）←就是順時針
4. 內間距：padding: 5px;
5. 內容文字：font-size: 12px; line-height:150%; text-align: justify;

二、top（上）、right（右）、bottom（下）、left（左）

1. 凡是有上右下左的屬性，都可以分開寫。例如 border、margin、padding等屬性。
2. margin-top:10px; padding-bottom:15px;

三、背景

1. 背景顏色background-color: white; (比背景圖更底層)
2. 背景圖background-image:url(圖檔位置)
3. 重複方式background-repeat: repeat( 重複 ) , repeat-x(水平重複), repeat-y(垂直重複), no-repeat(不重複)
4. 背景附著background-attachment: scroll( 捲 動 ) , fixed(固定), inherit(繼承)
5. 背景位置background-position: 水平(left, center ,right) 垂直(top, center,bottom) 或 x% y% 或 x位置 y 位置
6. 集合型寫法background: 顏色 底圖 重複 附著 位置; ，如：background: