網(wǎng)頁(yè)排版常常用到的5個(gè)CSS根底

　　1. 首行縮進(jìn)

 

　　階段的開(kāi)頭應(yīng)該空兩格。而你運(yùn)用word的時(shí)分，也有首行縮進(jìn)這個(gè)功用，但在html中你的空格鍵好像起不了作用了。當(dāng)然，你能夠用 來(lái)代替一個(gè)空格，但這不是抱負(fù)的方法，用CSS吧，簡(jiǎn)略，有用：

你的內(nèi)容

  

 

　　這樣的話(huà)，這個(gè)有style="text-indent:2em;"階段就會(huì)顯現(xiàn)兩個(gè)字符的縮進(jìn)了�？s進(jìn)更多? 修改2em, 2表示2個(gè)字符，你能夠相應(yīng)增加或許減少。

 

　　2. 圖文混排

 

　　在word中，咱們能夠用環(huán)繞來(lái)讓文字顯現(xiàn)在圖片周?chē)�，而CSS，中，咱們能夠用float，來(lái)讓文字在沒(méi)有整理起浮的時(shí)分，顯現(xiàn)在圖片以外的空白處。

 

　　3. 設(shè)置背景色  

 

　　先來(lái)看一個(gè)示例，如果你有需求引用的內(nèi)容，而主題中又沒(méi)有設(shè)置，或許期望自己定制一下背景色彩。

 

　　代碼如下，如果你不知道色彩是如何定義的，你能夠看看web216安全，換上相用的色彩代號(hào)就能夠了，比如#faf7e8表示上面的淺黃色：

 

　　4. 讓文字居中

 

　　如上例，只要在代碼中參加text-align:center，就能夠讓文章在容器的寬度內(nèi)水平居中

 

　　5. 顯現(xiàn)一個(gè)邊框

 

　　邊框咱們會(huì)用到border，添加一個(gè)邊框，只要加上style="border:1px dotted #080;"1px代碼邊框的巨細(xì)，而dotted是邊框的款式，常用的款式用三個(gè):solid(實(shí)邊) dashed(虛線(xiàn)) dotted(點(diǎn)狀虛線(xiàn)). 就像上面實(shí)例的邊框中，我運(yùn)用的是dotted邊。

 

　　這5個(gè)比較常用的。更多的CSS根底知識(shí)，你能夠到w3school中文學(xué)習(xí)，不需求許多時(shí)間，你就能夠輕松排版了。