網頁排版常常用到的5個CSS根底 |
發布時間:2024-06-06 文章來源:本站 瀏覽次數:926 |
1. 首行縮進
階段的開頭應該空兩格。而你運用word的時分,也有首行縮進這個功用,但在html中你的空格鍵好像起不了作用了。當然,你能夠用 來代替一個空格,但這不是抱負的方法,用CSS吧,簡略,有用:
你的內容 這樣的話,這個有style="text-indent:2em;"階段就會顯現兩個字符的縮進了。縮進更多? 修改2em, 2表示2個字符,你能夠相應增加或許減少。
2. 圖文混排
在word中,咱們能夠用環繞來讓文字顯現在圖片周圍,而CSS,中,咱們能夠用float,來讓文字在沒有整理起浮的時分,顯現在圖片以外的空白處。
3. 設置背景色
先來看一個示例,如果你有需求引用的內容,而主題中又沒有設置,或許期望自己定制一下背景色彩。
代碼如下,如果你不知道色彩是如何定義的,你能夠看看web216安全,換上相用的色彩代號就能夠了,比如#faf7e8表示上面的淺黃色:
4. 讓文字居中
如上例,只要在代碼中參加text-align:center,就能夠讓文章在容器的寬度內水平居中
5. 顯現一個邊框
邊框咱們會用到border,添加一個邊框,只要加上style="border:1px dotted #080;"1px代碼邊框的巨細,而dotted是邊框的款式,常用的款式用三個:solid(實邊) dashed(虛線) dotted(點狀虛線). 就像上面實例的邊框中,我運用的是dotted邊。
這5個比較常用的。更多的CSS根底知識,你能夠到w3school中文學習,不需求許多時間,你就能夠輕松排版了。 |