第十四章 文字的精細排版

<vertical-align>
作用：垂直對齊

常用屬性：
baseline 將物件的內容與基線對齊，是預設值；
sub 垂直對齊文字下標；
super 垂直對齊文字的上標；
top 將物件的內容於物件頂端對齊；
text-top 將物件的文字與物件頂端對齊；
middle 將物件內容與物件中部對齊；
bottom 將物件的內容與物件低端對齊；
text-bottom 將物件的文字與物件低端對齊；

<text-aling>

作用：文字對齊方式

常用屬性：
left 左對齊；
center 居中對齊；
right 右對齊；
justify 兩端對齊；

<white-space>

作用：處理空白區

常用屬性：
normal 預設，文字自動換行；
pre 保留換行和空白；
nowrap 文字不允許換行；
pre-wrap 同pre屬性，但是遇到超出容器範圍的時候會自動換行；
pre-line 同pre屬性，但是遇到連續空格會被看做是一個空格；

<display>

作用：顯示

常用屬性：
none 此元素不會被顯示；
block 顯示塊級元素，前後會帶有換行符；
inline 預設，顯示為內聯元素前後沒有換行符；
inline-block 行內塊元素；
list-item 此元素會作為列表顯示；
run-in 根據上下文作為塊級元素或內聯元素顯示；
table 塊級表格顯示，前後帶有換行符；

第十五章 方框和邊框

<borer-style>

作用：邊框樣式

常用屬性：
none 沒有邊框；
dotted 點線式邊框；
dashed 破折線式邊框；
solid 直線式邊框；
double 雙線式邊框；
groove 槽線式邊框；
ridge 脊線式邊框；
inset 內嵌式邊框；
outset 突起效果的邊框；

<clear>

作用：清除

常用屬性：
left 左邊不允許有浮動元素；
right 右邊不允許有浮動元素；
both 左右兩邊都不允許有浮動元素；
none 預設值，關閉清除屬性，左右兩邊允許有浮動元素；

第十六章 css佈局

常見的塊級標籤：

address  地址      blockquote 塊引用

center  居中       dir   目錄列表

div  盒子          form  表單

dl  定義列表       h1-6  1~6號標題

hr  水平分割線     menu  選單列表

ol 有序列表        pre  格式化文字

p  段落            table 表格

ul 無序列表        li  列表選項

常見的內斂標籤：

a    連結           br  換行

em   強調           font 字型

i    斜體           img  圖片

input 輸入框        label 表格標籤

select 專案選擇     span  常用內斂容器

strong 粗體         sub  下標

sup  上標           textarea 文字區域

u   下劃線          button  按鈕

iframe 內聯框架

css頁面模組命名規範：

hearder  頭         content 內容

nav  導航           sidebar 側欄

column 欄目         wrapper 頁面外圍控制整體佈局寬度

loginbar 登陸條     logo 標誌

banner  廣告        main  頁面主體

hot  熱點           news  新聞

download 下載       subnav 子導航

menu 選單           submenu 子選單

search 搜尋         friendlink 友情連結

footer 頁尾         copyright 版權

scroll 滾動

第十七章 列表和導航選單

<list-style-type>

作用：列表樣式

屬性：

disc  實心圓形點；
circle 空心圓圈；
square 正方形；
decimal 十進位制數字；
decimal-leading-zero 十進位制數字；
lower-roman 小寫羅馬文字；
upper-roman 大寫羅馬文字；
lower-greek 小寫希臘字母；
lower-alpha 小寫英文字母；
upper-alpha 大寫英文字母；
none 無；

第十八章 定位和css濾鏡

<position>

作用：定位方式

屬性：
absolute 絕對定位，位置不會隨網頁大小而改變；
fixed 是特殊absolute ，即fixed總是以body為定位物件的，按照瀏覽器的視窗進行定位；
relative 相對定位，位置會隨網頁大小改變而改變；
static 無定位，預設設定；

<overflow>

作用：層的溢位

屬性：
visible 增加層的大小，從而將層的所有內容顯示出來；
hidden 保持層的大小不變，將超出層的內容剪裁掉；
scroll 總是顯示滾動條；
auto 只有在內容超出層的邊界時才會顯示滾動條；

第十九章 css美化網站

連結的四種狀態：
a:link 網頁中未訪問的連結顏色；
a:visited 點選連結的顏色；
a:hover 滑鼠移到連結上的顏色；
a:active  長按連結所顯示的顏色；