1、打開Notepad++,新建一個文件
龍游網(wǎng)站建設公司創(chuàng)新互聯(lián)建站,龍游網(wǎng)站設計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為龍游上千多家提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢,請找那個售后服務好的龍游做網(wǎng)站的公司定做!
2、輸入圖中內(nèi)容:
3、保存為:css.html,當然你也可以使用其它的名字,但擴展名需要使用.htm或.html
4、選擇文件的保存位置,點擊保存按鈕
5、然后添加一個標簽,輸入一段用來測試的文字。
6、使用瀏覽器打開查看顯示樣式,現(xiàn)在還沒有縮進。
7、接下來添加樣式,這里我們使用內(nèi)聯(lián)樣式,給P標簽添加樣式:?style="text-indent:2em;"
8、再刷新剛剛打開的網(wǎng)頁看效果,是不是縮進了兩個字符?。?/p>
這里我們是使用em這個單位來縮進了兩個字符,你也可以使用px作為單位來縮進指定的像素。
歡迎大家在這里學習如何讓divcss利用縮進這里是我們給大家整理出來的精彩內(nèi)容。希望大家在這里學習!為了讓你的代碼給人感覺更為直觀,你可以使用一行來定義大綱元素的樣式。當指定的選擇器里的屬性超過三個的時候,這種方式將帶來混亂。但是,適度的使用這種方式,你可以很清楚的區(qū)分相同類的不同點。
#main-column { display: inline; float: left; width: 300px; }
#main-column h1 { margin-bottom: 20px; }
#main-column p { color: #333; }
同時,樣式修改的維護也是個比較麻煩的問題。很多人修改樣式之后就忘記了,結(jié)果后來又發(fā)現(xiàn)修改的樣式導致了頁面出錯,不得不苦苦尋找。因此,為修改的樣式構(gòu)建一個特殊的格式就很必要了。一種很簡單的方式是,給修改過的樣式縮進,同時,也可以使用一些注釋(比如"@new")來做一個標識。
#sidebar ul li a {
display: block;
background-color: #ccc;
border-bottom: 1px solid #999; /* @new */
margin: 3px 0 3px 0;
padding: 3px; /* @new */
}
好了,如何讓divcss利用縮進內(nèi)容就給大家介紹到這里了。希望大家繼續(xù)關注我們的網(wǎng)站!
text-indent: 2em;
具體方法:
新建一個html代碼文件,然后在這個html代碼頁面上創(chuàng)建一個div,同時給這個div設置一個class類;然后在這個div中創(chuàng)建幾個p,并個p添加上內(nèi)容。
代碼:
div class="cont"
p頂頂頂頂頂頂頂頂頂頂頂頂頂頂多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多/p
p的頂頂頂頂頂?shù)捻旐旐旐旐?p
p頂頂頂頂頂頂頂頂頂頂頂頂頂頂多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多/p
/div
設置樣式。在title標簽后面新建一個style,在這個style設置cont類的寬為400px,然后設置p標簽的首行縮進為兩個字符。如圖:
代碼:
style
.cont{
width:400px;
}
.cont p{
text-indent: 2em;
}
/style
使用瀏覽器打開,即可看到首行縮進的效果。如圖:
所有代碼。直接復制所有代碼,粘貼到新建html文件上,保存后使用瀏覽器打開即可看到所有效果。
代碼:
!DOCTYPE html
html
head
meta charset="UTF-8"
title首行縮進/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
擴展資料:
CSS text-indent屬性規(guī)定文本塊中首行文本的縮進。
注釋:允許使用負值。如果使用負值,那么首行會被縮進到左邊。
注意:在 CSS 2.1 之前,text-indent 總是繼承計算值,而不是聲明值。
用于定義塊級元素中第一個內(nèi)容行的縮進。這最常用于建立一個“標簽頁”效果。允許指定負值,這會產(chǎn)生一種“懸掛縮進”的效果。
所有瀏覽器都支持?text-indent?屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
參考資料來源:百度百科:CSS text-indent
在CSS樣式表中設置文本首行縮進的樣式規(guī)則。代碼如下:
div{
text-indent:2em;
font-size:24px;
width:400px;
}
25px看你字符多大像素,,如果字符大小 font-size:12px, 那24px就是兩個字
網(wǎng)頁題目:css樣式縮進,css縮進2字符怎么縮
路徑分享:http://aaarwkj.com/article34/dssgspe.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、標簽優(yōu)化、外貿(mào)網(wǎng)站建設、商城網(wǎng)站、網(wǎng)站內(nèi)鏈、Google
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)