CSS格式化排版

標籤：data-   div   樣式   微軟   esc   顯示   line   字型樣式   一個   

1.文字排版　　1.1 字型

　　　　我們可以使用css樣式為網頁中的文字設定字型、字型大小、顏色等樣式屬性。下面我們來看一個例子，下面代碼實現：為網頁中的文字設定字型為宋體。

　　　　body{font-family:"宋體";}

　　　　這裡注意不要設定不常用的字型，因為如果使用者本地電腦上如果沒有安裝你設定的字型，就會顯示瀏覽器預設的字型。（因為使用者是否可以看到你設定的字型樣式取決於用　　戶本地電腦上是否安裝你設定的字型。）

　　　　現在一般網頁喜歡設定“微軟雅黑”，如下代碼：

　　　　body{font-family:"Microsoft Yahei";}

　　　　或

　　　　body{font-family:"微軟雅黑";}

　　　　注意：第一種方法比第二種方法相容性更好一些。

　　　　因為這種字型即美觀又可以在用戶端安全的顯示出來（使用者本地一般都是預設安裝的）。

 

　　1.2 字型大小、顏色

　　　　可以使用下面代碼設定網頁中文字的字型大小為12像素，並把字型顏色設定為#666(灰色)：

　　　　body{font-size:12px;color:#666;} 或者 body{font-size:12px;color:grey;}

　　1.3 粗體

　　　　我們還可以使用css樣式來改變文字的樣式：粗體、斜體、底線、刪除線，可以使用下面代碼實現設定文字以粗體樣式顯示出來。

　　　　p span{font-weight:bold;}

　　　　在這裡大家可以看到，如果想為文字設定粗體是有單獨的css樣式來實現的，再不用為了實現粗體樣式而使用h1-h6或strong標籤了。

 

CSS格式化排版