【HTML+CSS學習之基礎知識】css文本及段落排版

文字排版-字體設置
body{font-family:"Microsoft Yahei";}    /*將字體設置爲微軟雅黑*/
/*設置字體過程中,在用戶瀏覽網頁時,字體設置會自動調用用戶本地安裝的字體,若沒有安裝該字體,則將調用瀏覽自默認的字體,因此一般將字體設置爲"Microsoft Yahei",兼容性更好*/
文字排版-字號顏色
body{font-size:12px;color:#666;}        /*將網頁中的文字字號設置爲12像素,字體顏色爲#666(灰色)*/
文字排版-粗體
p span{font-weight:bold;}    /*將span指向的元素設置爲粗體*/
文字排版-斜體
p span{font-style:italic;}    /*將span指向的元素設置爲斜體*/、
文字排版-下劃線
p span{text-decotation:underline;}    /*將span指向的元素加上下劃線*/
文字排版-刪除線
.set{test-decoration:line-through;}    /*把id爲set的元素加上刪除線*/

段落排版-縮進
p[text-indent:2em;}    /*將p標籤所指的元素進行2個空格縮進,2em就是指文字的兩倍大小*/
段落排版-行間距
p{line-height:1.5em;}    /*將p標籤所指的元素的行間距設置爲1.5倍*/
算咯排版-中文字間距、字母間距
使用letter-spacing來設置字與字,字母與字母之間的間距
例如:h1{letter-spacing:50px;}    /*將h1標籤所指向的元素的字間距設置爲50像素*/
使用word-spacing來設置英文單詞之間的間距
例如:h1{word-spacing:5px;}    /*將h1標籤所指向的元素的單詞間距設置爲5像素*/
段落排版-對齊
h1{text-align:center/left/right;}    /*設置塊狀元素爲居中/居左/居右*/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章