在CSS樣式表中設(shè)置文本首行縮進(jìn)的樣式規(guī)則。代碼如下:
成都創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),臨泉網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:臨泉等地區(qū)。臨泉做網(wǎng)站價(jià)格咨詢:18982081108
div{
text-indent:2em;
font-size:24px;
width:400px;
}
例如,拿你說的話舉例:
p
class="demo"CSS中,我想設(shè)置,
全文:首行縮進(jìn)2字符,段落左右各縮進(jìn)2字符,應(yīng)該怎樣寫?代碼應(yīng)該放在哪里?/p
把它們放置在P標(biāo)簽中,然后在CSS中加入
.demo{text-indent:2em;}這可以實(shí)現(xiàn)你要的首行縮進(jìn)2字符。
剩下的就是你說的段落左右各縮進(jìn)2字符,那推薦你用的就是margin或者是padding來實(shí)現(xiàn)。
.demo{text-indent:2em;padding:0
2em;}這樣就可以實(shí)現(xiàn)左右的“縮進(jìn)”
不講太多了,按照上面就可以實(shí)現(xiàn)了。
歡迎大家在這里學(xué)習(xí)如何讓divcss利用縮進(jìn)這里是我們給大家整理出來的精彩內(nèi)容。希望大家在這里學(xué)習(xí)!為了讓你的代碼給人感覺更為直觀,你可以使用一行來定義大綱元素的樣式。當(dāng)指定的選擇器里的屬性超過三個(gè)的時(shí)候,這種方式將帶來混亂。但是,適度的使用這種方式,你可以很清楚的區(qū)分相同類的不同點(diǎn)。
#main-column { display: inline; float: left; width: 300px; }
#main-column h1 { margin-bottom: 20px; }
#main-column p { color: #333; }
同時(shí),樣式修改的維護(hù)也是個(gè)比較麻煩的問題。很多人修改樣式之后就忘記了,結(jié)果后來又發(fā)現(xiàn)修改的樣式導(dǎo)致了頁面出錯(cuò),不得不苦苦尋找。因此,為修改的樣式構(gòu)建一個(gè)特殊的格式就很必要了。一種很簡單的方式是,給修改過的樣式縮進(jìn),同時(shí),也可以使用一些注釋(比如"@new")來做一個(gè)標(biāo)識(shí)。
#sidebar ul li a {
display: block;
background-color: #ccc;
border-bottom: 1px solid #999; /* @new */
margin: 3px 0 3px 0;
padding: 3px; /* @new */
}
好了,如何讓divcss利用縮進(jìn)內(nèi)容就給大家介紹到這里了。希望大家繼續(xù)關(guān)注我們的網(wǎng)站!
25px看你字符多大像素,,如果字符大小 font-size:12px, 那24px就是兩個(gè)字
1、打開Notepad++,新建一個(gè)文件
2、輸入圖中內(nèi)容:
3、保存為:css.html,當(dāng)然你也可以使用其它的名字,但擴(kuò)展名需要使用.htm或.html
4、選擇文件的保存位置,點(diǎn)擊保存按鈕
5、然后添加一個(gè)標(biāo)簽,輸入一段用來測試的文字。
6、使用瀏覽器打開查看顯示樣式,現(xiàn)在還沒有縮進(jìn)。
7、接下來添加樣式,這里我們使用內(nèi)聯(lián)樣式,給P標(biāo)簽添加樣式:?style="text-indent:2em;"
8、再刷新剛剛打開的網(wǎng)頁看效果,是不是縮進(jìn)了兩個(gè)字符啊!
這里我們是使用em這個(gè)單位來縮進(jìn)了兩個(gè)字符,你也可以使用px作為單位來縮進(jìn)指定的像素。
text-indent: 2em;
具體方法:
新建一個(gè)html代碼文件,然后在這個(gè)html代碼頁面上創(chuàng)建一個(gè)div,同時(shí)給這個(gè)div設(shè)置一個(gè)class類;然后在這個(gè)div中創(chuàng)建幾個(gè)p,并個(gè)p添加上內(nèi)容。
代碼:
div class="cont"
p頂頂頂頂頂頂頂頂頂頂頂頂頂頂多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多/p
p的頂頂頂頂頂?shù)捻旐旐旐旐?p
p頂頂頂頂頂頂頂頂頂頂頂頂頂頂多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多/p
/div
設(shè)置樣式。在title標(biāo)簽后面新建一個(gè)style,在這個(gè)style設(shè)置cont類的寬為400px,然后設(shè)置p標(biāo)簽的首行縮進(jìn)為兩個(gè)字符。如圖:
代碼:
style
.cont{
width:400px;
}
.cont p{
text-indent: 2em;
}
/style
使用瀏覽器打開,即可看到首行縮進(jìn)的效果。如圖:
所有代碼。直接復(fù)制所有代碼,粘貼到新建html文件上,保存后使用瀏覽器打開即可看到所有效果。
代碼:
!DOCTYPE html
html
head
meta charset="UTF-8"
title首行縮進(jìn)/title
style
.cont{
width:400px;
}
.cont p{
text-indent: 2em;
}
/style
/head
body
div class="cont"
p頂頂頂頂頂頂頂頂頂頂頂頂頂頂多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多/p
p的頂頂頂頂頂?shù)捻旐旐旐旐?p
p頂頂頂頂頂頂頂頂頂頂頂頂頂頂多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多/p
/div
/body
/html
擴(kuò)展資料:
CSS text-indent屬性規(guī)定文本塊中首行文本的縮進(jìn)。
注釋:允許使用負(fù)值。如果使用負(fù)值,那么首行會(huì)被縮進(jìn)到左邊。
注意:在 CSS 2.1 之前,text-indent 總是繼承計(jì)算值,而不是聲明值。
用于定義塊級(jí)元素中第一個(gè)內(nèi)容行的縮進(jìn)。這最常用于建立一個(gè)“標(biāo)簽頁”效果。允許指定負(fù)值,這會(huì)產(chǎn)生一種“懸掛縮進(jìn)”的效果。
所有瀏覽器都支持?text-indent?屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
參考資料來源:百度百科:CSS text-indent