我們?cè)诰庉嬀W(wǎng)頁(yè)的時(shí)候，關(guān)于字體段落方面的問(wèn)題，我們其實(shí)稍微留心下，使用一下CSS，就能讓我們的網(wǎng)站看起來(lái)更漂亮，這點(diǎn)是我們網(wǎng)站建設(shè)的時(shí)候可以注意采取的措施，不費(fèi)太大的力氣卻能夠讓網(wǎng)站看起來(lái)更上一個(gè)檔次。

首行縮進(jìn)

我們小時(shí)候?qū)懽魑牡臅r(shí)候，老師就教我們，在每段開(kāi)始的時(shí)候空兩格。我們使用辦公軟件比如word的時(shí)候，也有首行縮進(jìn)這個(gè)功能，可是，做網(wǎng)站的時(shí)候，我們敲兩個(gè)空格好像起不了作用了。當(dāng)然，你可以用 來(lái)代替一個(gè)空格，不過(guò)這樣也不是最理想的方式，我們可以用CSS。這個(gè)有style="text-indent:2em;"段落就會(huì)顯示兩個(gè)字符的縮進(jìn)了?？s進(jìn)更多? 修改2em, 2表示2個(gè)字符，你可以相應(yīng)增加或者減少。

圖文混排

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

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

讓文字居中

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

顯示一個(gè)邊框

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

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

本文由成都創(chuàng)新互聯(lián)科技有限公司（jinyejixie.com）原創(chuàng)編輯轉(zhuǎn)載請(qǐng)注明。

文章標(biāo)題：學(xué)會(huì)常用的CSS讓網(wǎng)站更上一個(gè)檔次
標(biāo)題URL：http://jinyejixie.com/news/120050.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、App設(shè)計(jì)、服務(wù)器托管、企業(yè)網(wǎng)站制作、網(wǎng)站改版、虛擬主機(jī)

廣告

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