HTML 第5章CSS3美化網頁元素

標籤：文檔   聲明   預設值   字型   :active   visit   位移   劃線   active   

<span>標籤:

<span>標籤是用來組合HTML文檔中的行內元素,它沒有固定的格式表示.

字型樣式:

屬性名稱                                含義

font-family                     設定字型類型

font-size                         設定字型大小

font-style                         設定字型風格

font-weight                      設定字型粗細

font                                   在一個聲明中設定所有字型屬性

font-weight屬性的值:

normal:預設值,定義標準的字型

bold:粗體字型

lighter:更粗的字型

lighter:更細的字型

100,200,300..:定義由細到粗的字型

排版網頁文本:

常用:

屬性                               含義                         

color                     設定文本顏色

text-align               設定元素水平對齊

text-indent            設定首行文本的縮排

line-height            設定文本的行高

text-decoration     設定文本的裝飾

text-align屬性常用值:

left:預設值

right:把文本排列到右邊

center:把文本排列到中間

justify:實現左右對齊文字效果

text-decoration的常用值:

none:預設值

underline:設定文本的底線

overline:設定文本的上劃線

line-throung:設定文本的刪除線

文本陰影:

文法:

text-shadow:color x軸位移(x-ofset) y軸位移(y-offset)模糊半徑(blur-radius)

設定超連結和列表樣式:

超連結偽類:

a:link:單擊訪問前的超連結樣式

a:visited:單擊訪問後的超連結樣式

a:hover:滑鼠懸浮上的超連結樣式

a:active:單擊未釋放的超連結樣式

列表樣式:

值             說明            文法

none     無標記符號   list-style-type:none;

disc       實心圓,預設值類型  list-style-type:disc

circle     空心圓          list-style-type:circle

square   實心正方形    list-style-type:square

decimal  數字            list-style-type:decimal

<div>標籤:

文法:

<div>網頁內容....</div>

背景屬性:

背景顏色;

背景映像;

背景;

HTML 第5章CSS3美化網頁元素