CSS格式化排版

標籤：

本文根據在慕課網的學習筆記整理。

文字排版--字型

body{font-family:"Microsoft Yahei";}body{font-family:"微軟雅黑";}//相容性更好

文字排版--字型大小、顏色

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

 文字排版--粗體

p span{font-weight:bold;}

 文字排版--斜體

p a{font-style:italic;}<p>三年級時，我還是一個<a>膽小如鼠</a>的小女孩。</p>

 文字排版--底線

p a{text-decoration:underline;}<p>三年級時，我還是一個<a>膽小如鼠</a>的小女孩。</p>

 文字排版--刪除線

 .oldPrice{text-decoration:line-through;}

 段落排版--縮排

p{text-indent:2em;}//注意：2em的意思就是文字的2倍大小。<p>1922年的春天，一個想要成名名叫尼克卡拉威（托比?馬奎爾Tobey Maguire 飾）的作家，離開了美國中西部，來到了紐約。那是一個道德感漸失，爵士流行，走私為王，股票飛漲的時代。為了追尋他的美國夢，他搬入紐約附近一海灣居住。</p>

 段落排版--行間距（行高）

p{line-height:1.5em;}//間距為 0.5em<p>菲茨傑拉德，二十世紀美國文學巨擘之一，兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士時代"吟唱華麗輓歌，其詩人和夢想家的氣質亦為那個奢靡年代的不二註解。</p>

 段落排版--字間距、字母間距

h1{    letter-spacing:50px;//文字間隔或者字母間隔}<h1>了不起的蓋茨比</h1>h2{    word-spacing:50px;//英文單詞之間的間距}<h2>welcome to imooc!</h2>

 段落排版--對齊

為塊狀元素中的文本、圖片設定居左、置中、居右樣式。

h1{    text-align:center;}<h1>了不起的蓋茨比</h1>

 

 

CSS格式化排版