css經常使用語法續集

1   設置字體  body{font-familly：「宋體」}

2  

能夠使用下面代碼設置網頁中文字的字號爲12像素，並把字體顏色設置爲#666(灰色)：

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

3

如下代碼能夠實現文字以斜體樣式在瀏覽器中顯示：

p a{font-style:italic;}

<p>三年級時，我仍是一個<a>膽小如鼠</a>的小女孩。</p>

4

咱們還能夠使用css樣式來改變文字的樣式：粗體、斜體、下劃線、刪除線，能夠使用下面代碼實現設置文字以粗體樣式顯示出來。

p span{font-weight:bold;}

在這裏你們能夠看到，若是想爲文字設置粗體是有單獨的css樣式來實現的，再不用爲了實現粗體樣式而使用h1-h6或strong標籤了。

5

有些狀況下想爲文字設置爲下劃線樣式，這樣能夠在視覺上強調文字，能夠使用下面代碼來實現：

p a{text-decoration:underline;}

<p>三年級時，我仍是一個<a>膽小如鼠</a>的小女孩。</p>

6

上圖中的原價上的刪除線使用下面代碼就能夠實現：

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

7p{text-indent:2em;}  縮進

8中文字間距1   字母間距

h1{
    letter-spacing:50px;
}
...
<h1>了不得的蓋茨比</h1>

9

想爲塊狀元素中的文本、圖片設置居中樣式嗎？能夠使用text-align樣式代碼，以下代碼可實現文本居中顯示。(那麼什麼是塊狀元素呢？在後面的11-一、11-2小節中會講到。)

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

一樣能夠設置居左：

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

還能夠設置居右：

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