網(wǎng)頁(yè)排版常常用到的5個(gè)CSS根底 |
發(fā)布時(shí)間:2024-06-06 文章來(lái)源:本站 瀏覽次數(shù):956 |
1. 首行縮進(jìn)
階段的開頭應(yīng)該空兩格。而你運(yùn)用word的時(shí)分,也有首行縮進(jìn)這個(gè)功用,但在html中你的空格鍵好像起不了作用了。當(dāng)然,你能夠用 來(lái)代替一個(gè)空格,但這不是抱負(fù)的方法,用CSS吧,簡(jiǎn)略,有用:
你的內(nèi)容 這樣的話,這個(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)在圖片周圍,而CSS,中,咱們能夠用float,來(lái)讓文字在沒有整理起浮的時(shí)分,顯現(xiàn)在圖片以外的空白處。
3. 設(shè)置背景色
先來(lái)看一個(gè)示例,如果你有需求引用的內(nè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(虛線) dotted(點(diǎn)狀虛線). 就像上面實(shí)例的邊框中,我運(yùn)用的是dotted邊。
這5個(gè)比較常用的。更多的CSS根底知識(shí),你能夠到w3school中文學(xué)習(xí),不需求許多時(shí)間,你就能夠輕松排版了。 |
|