學會常用的CSS讓網(wǎng)站更上一個檔次

2021-07-23 分類：網(wǎng)站建設

我們在編輯網(wǎng)頁的時候，關于字體段落方面的問題，我們其實稍微留心下，使用一下CSS，就能讓我們的網(wǎng)站看起來更漂亮，這點是我們網(wǎng)站建設的時候可以注意采取的措施，不費太大的力氣卻能夠讓網(wǎng)站看起來更上一個檔次。

首行縮進

我們小時候寫作文的時候，老師就教我們，在每段開始的時候空兩格。我們使用辦公軟件比如word的時候，也有首行縮進這個功能，可是，做網(wǎng)站的時候，我們敲兩個空格好像起不了作用了。當然，你可以用來代替一個空格，不過這樣也不是最理想的方式，我們可以用CSS。這個有style="text-indent:2em;"段落就會顯示兩個字符的縮進了。縮進更多? 修改2em, 2表示2個字符，你可以相應增加或者減少。

圖文混排

使用word的時候，我們可以用環(huán)繞來讓文字顯示在圖片周圍，在網(wǎng)站建設中使用CSS，我們可以用float，來讓文字在沒有清理浮動的時候，顯示在圖片以外的空白處。這是網(wǎng)站制作中最常用的編輯。

把float設置成left，這樣一來，圖片就能顯示在左邊，而right則顯示在右邊，而margin-right是為了不讓文字和圖片貼在一起需要寫的，如果你設置的是float:right;剛相應應該是把 margin-right改成margin-left：

讓文字居中

大標題小標題我們可以采用文字居中的方式突出這些內容，只要在代碼中加入text-align:center，就可以讓文章在容器的寬度內水平居中。

顯示一個邊框

如果想讓一個DIV顯示一個邊框，我們會用到border，添加一個邊框，只要加上style="border:1px dotted #080;" 這里1px代碼邊框的粗細，還有樣式：dotted是邊框的樣式，常用的樣式用三個:solid(實邊) dashed(虛線) dotted(點狀虛線). 就像上面實例的邊框中，我使用的是dotted邊。

以上的這幾個是南充網(wǎng)站建設中最常用的，如果我們想了解更多CSS基礎知識，我們可以到w3school中文學習，很多只要學習一遍練習一下就知道怎么用了。

本文由成都創(chuàng)新互聯(lián)科技有限公司（m.2m8n56k.cn）原創(chuàng)編輯轉載請注明。

文章名稱：學會常用的CSS讓網(wǎng)站更上一個檔次
分享路徑：http://m.2m8n56k.cn/news0/120050.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、Google、標簽優(yōu)化、軟件開發(fā)、電子商務、網(wǎng)站營銷

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

結構布局完成后充實網(wǎng)站的內容要注意的一些細節(jié) 2021-07-23
站點頁面不想被搜索引擎收錄該怎么辦 2021-07-23
網(wǎng)站整體診斷評價需要關注的一些項目 2021-07-23
網(wǎng)站SEO需要具備哪些能力 2021-07-23

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

學會常用的CSS讓網(wǎng)站更上一個檔次