我們?cè)诰庉嬀W(wǎng)頁(yè)的時(shí)候,關(guān)于字體段落方面的問題,我們其實(shí)稍微留心下,使用一下CSS,就能讓我們的網(wǎng)站看起來更漂亮,這點(diǎn)是我們網(wǎng)站建設(shè)的時(shí)候可以注意采取的措施,不費(fèi)太大的力氣卻能夠讓網(wǎng)站看起來更上一個(gè)檔次。
首行縮進(jìn)
我們小時(shí)候?qū)懽魑牡臅r(shí)候,老師就教我們,在每段開始的時(shí)候空兩格。我們使用辦公軟件比如word的時(shí)候,也有首行縮進(jìn)這個(gè)功能,可是,做網(wǎng)站的時(shí)候,我們敲兩個(gè)空格好像起不了作用了。當(dāng)然,你可以用 來代替一個(gè)空格,不過這樣也不是最理想的方式,我們可以用CSS。這個(gè)有style="text-indent:2em;"段落就會(huì)顯示兩個(gè)字符的縮進(jìn)了??s進(jìn)更多? 修改2em, 2表示2個(gè)字符,你可以相應(yīng)增加或者減少。
圖文混排
使用word的時(shí)候,我們可以用環(huán)繞來讓文字顯示在圖片周圍,在網(wǎng)站建設(shè)中使用CSS,我們可以用float,來讓文字在沒有清理浮動(dòng)的時(shí)候,顯示在圖片以外的空白處。這是網(wǎng)站制作中最常用的編輯。
把float設(shè)置成left,這樣一來,圖片就能顯示在左邊,而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í)一下就知道怎么用了。
本文由上海藝覺網(wǎng)絡(luò)科技有限公司(http://m.dcbbl.cn)原創(chuàng)編輯轉(zhuǎn)載請(qǐng)注明。