網(wǎng)頁排版常常用到的5個CSS根底 |
發(fā)布時間:2024-06-06 文章來源:本站 瀏覽次數(shù):848 |
1. 首行縮進(jìn)
階段的開頭應(yīng)該空兩格。而你運(yùn)用word的時分,也有首行縮進(jìn)這個功用,但在html中你的空格鍵好像起不了作用了。當(dāng)然,你能夠用 來代替一個空格,但這不是抱負(fù)的方法,用CSS吧,簡略,有用:
你的內(nèi)容 這樣的話,這個有style="text-indent:2em;"階段就會顯現(xiàn)兩個字符的縮進(jìn)了?s進(jì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(點狀虛線). 就像上面實例的邊框中,我運(yùn)用的是dotted邊。
這5個比較常用的。更多的CSS根底知識,你能夠到w3school中文學(xué)習(xí),不需求許多時間,你就能夠輕松排版了。 |
|