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

　　1. 首行縮進

 

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

你的內(nèi)容

  

 

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

 

　　2. 圖文混排

 

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

 

　　3. 設(shè)置背景色  

 

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

 

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

 

　　4. 讓文字居中

 

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

 

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

 

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

 

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