:::
6-1 上課練習
7. CSS於區塊的應用
一、區塊常用設定（區塊泛指<div><p>等標籤）
- 尺寸：width:寬度px; height:高度px; （亦可用 80% 這樣的呈現方式）
- 邊框：border: 1px solid #FF0000; （粗細 框線類型 顏色）
- 外邊界：margin: 10px auto 20px auto（上 右 下 左）←就是順時針
- 內間距：padding: 5px;
- 內容文字：font-size: 12px; line-height:150%; text-align: justify;
二、top（上）、right（右）、bottom（下）、left（左）
- 凡是有上右下左的屬性，都可以分開寫。例如 border、margin、padding等屬性。
- margin-top:10px; padding-bottom:15px;
三、背景
- 背景顏色background-color: white; (比背景圖更底層)
- 背景圖background-image:url(圖檔位置)
- 重複方式background-repeat: repeat( 重複 ) , repeat-x(水平重複), repeat-y(垂直重複), no-repeat(不重複)
- 背景附著background-attachment: scroll( 捲 動 ) , fixed(固定), inherit(繼承)
- 背景位置background-position: 水平(left, center ,right) 垂直(top, center,bottom) 或 x% y% 或 x位置 y 位置
- 集合型寫法background: 顏色 底圖 重複 附著 位置; ，如：background:
