一.關聯css樣式的三種方法：
<link rel="stylesheet" type="text/css" href="mystyle.css" />
<style type="text/css">
<div style=""></div>二.標籤屬性和描述
屬性 描述
background 簡寫屬性，作用是將背景屬性設置在一個聲明中。
background-attachment 背景圖像是否固定或者隨着頁面的其餘部分滾動。
background-color 設置元素的背景顏色。
background-image 把圖像設置爲背景。
background-position 設置背景圖像的起始位置。
background-repeat 設置背景圖像是否及如何重複。
color 設置文本顏色
direction 設置文本方向。
line-height 設置行高。
letter-spacing 設置字符間距。
text-align 對齊元素中的文本。
text-decoration 向文本添加修飾。
text-indent 縮進元素中文本的首行。
text-shadow 設置文本陰影。
text-transform 控制元素中的字母。
unicode-bidi 設置文本方向。
white-space 設置元素中空白的處理方式。
word-spacing 設置字間距。
font 簡寫屬性。作用是把所有針對字體的屬性設置在一個聲明中。
font-family 設置字體系列。
font-size 設置字體的尺寸。
font-size-adjust 當首選字體不可用時，對替換字體進行智能縮放。
font-stretch 對字體進行水平拉伸。
font-style 設置字體風格。
font-variant 以小型大寫字體或者正常字體顯示文本。
font-weight 設置字體的粗細。
border-collapse 設置是否把表格邊框合併爲單一的邊框。
border-spacing 設置分隔單元格邊框的距離。（僅用於 “separated borders” 模型）
caption-side 設置表格標題的位置。
empty-cells 設置是否顯示錶格中的空單元格。（僅用於 “separated borders” 模型）
table-layout 設置顯示單元、行和列的算法。
list-style 簡寫屬性。用於把所有用於列表的屬性設置於一個聲明中。
list-style-image 將圖象設置爲列表項標誌。
list-style-position 設置列表中列表項標誌的位置。
list-style-type 設置列表項標誌的類型。
三.a標籤
a:link {color: #FF0000} /* 未訪問的鏈接 */
a:visited {color: #00FF00} /* 已訪問的鏈接 */
a:hover {color: #FF00FF} /* 鼠標移動到鏈接上 */
a:active {color: #0000FF} /* 選定的鏈接 */四.靜態頁面設計中遇到的問題
1.文字超出div的長度
當我們限制div長度後，在div裏面有一長串字母（沒有空格）會出現溢出現象，這是因爲這一長串字母被認爲是一個單詞。所以一般文本會識別自動換行不會溢出。
2.在圖片上顯示文字
第一步：設置div背景background-image: url(“images/back40.gif”);
第二步：輸入文字調整位置即可。
3.a標籤沒有效果
需要暫時設置a標籤的 href=“#”
4.當設置了長度和寬度後，給盒子加padding屬性會拉伸盒子
假設框的每個邊上有 10 個像素的外邊距和 5 個像素的內邊距。如果希望這個元素框達到 100 個像素，就需要將內容的寬度設置爲 70 像素