1、每行都放在p標(biāo)簽里,再設(shè)置p標(biāo)簽的樣式。
站在用戶的角度思考問題,與客戶深入溝通,找到興業(yè)網(wǎng)站設(shè)計與興業(yè)網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、主機域名、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋興業(yè)地區(qū)。
2、在每行文字前面加空格或是span標(biāo)簽,設(shè)置span標(biāo)簽padding-left:2em;這個數(shù)值自己改改也行。
例如:
p標(biāo)簽已經(jīng)引用了一個css樣式名:
second
那么就在此css樣式內(nèi)添加一個屬性即可:
text-indent:2em;
首行縮進(jìn)兩行,2em
是兩個文字越大,間隔越大。
擴展資料:
關(guān)于CSS設(shè)置字間距、行間距、首行縮進(jìn)
一、字間距
1、text-indent設(shè)置抬頭距離css縮進(jìn)
即對對應(yīng)div設(shè)置css樣式text-indent
:
20px;
縮進(jìn)了20px
2、letter-spacing來設(shè)置字與字間距_字符間距離,字體間距css樣式
即對對應(yīng)div設(shè)置css屬性樣式為letter-spacing:8px;,字間距為8px
二、行間距
在CSS中,可以設(shè)置行間距,格式如下:
標(biāo)簽名{line-height:參數(shù)}
根據(jù)參數(shù)不同有3種方法:
1、用數(shù)字參數(shù)設(shè)置
行間距=字號×參數(shù)
2、用單位參數(shù)設(shè)置
行間距=參數(shù)
3、用比例參數(shù)設(shè)置
行間距=字號×參數(shù)
①首先,選擇要縮進(jìn)的段落,或者直接選中全文;
②選擇菜單欄的“格式”中的“段落”,在彈出的段落窗口的“縮進(jìn)和間距”下面的“特殊格式”中選擇“首行縮進(jìn)”,然后在“度量值”里設(shè)置成“2字符”確定即可。
Word2007中首行縮進(jìn)2字符方法:
①選中全文,然后進(jìn)入“開始”選項卡,然后點擊“段落”選項卡中的小按鈕,如下圖紅色圈;
段落按鈕
②然后在“段落”窗口中“特殊格式”中選擇“首行縮進(jìn)”,磅值設(shè)為“2字符”即可。
段落前面空兩個字的距離,不要再使用空格了,用CSS實現(xiàn)段落首縮進(jìn)兩個字符。應(yīng)該使用首行縮進(jìn)text-indent。text-indent可以使得容器內(nèi)首行縮進(jìn)一定單位。比如中文段落一般每段前空兩個漢字。
在這里我們需要了解一種長度單位em。em是相對長度單位。相對于當(dāng)前對象內(nèi)文本的字體尺寸。我們中文段落一般每段前空兩個漢字。實際上,就是首行縮進(jìn)了2em。
style type="text/css"
!--
p{
text-indent: 2em; /*em是相對單位,2em即現(xiàn)在一個字大小的兩倍*/
}
--
/style
段落前面空兩個字的距離,不要再使用空格了。應(yīng)該使用首行縮進(jìn)text-indent。長度單位em。相對于當(dāng)前對象內(nèi)文本的字體尺寸。我們首行縮進(jìn)了2em。2em即現(xiàn)在一個字大小的兩倍。
1、打開Notepad++,新建一個文件
2、輸入圖中內(nèi)容:
3、保存為:css.html,當(dāng)然你也可以使用其它的名字,但擴展名需要使用.htm或.html
4、選擇文件的保存位置,點擊保存按鈕
5、然后添加一個標(biāo)簽,輸入一段用來測試的文字。
6、使用瀏覽器打開查看顯示樣式,現(xiàn)在還沒有縮進(jìn)。
7、接下來添加樣式,這里我們使用內(nèi)聯(lián)樣式,給P標(biāo)簽添加樣式:?style="text-indent:2em;"
8、再刷新剛剛打開的網(wǎng)頁看效果,是不是縮進(jìn)了兩個字符?。?/p>
這里我們是使用em這個單位來縮進(jìn)了兩個字符,你也可以使用px作為單位來縮進(jìn)指定的像素。
代碼如下:
這里的縮進(jìn)代碼是:style type="text/css".text{text-indent:2em;}/style。從語法上來看,其實html首行縮進(jìn)2字符,可以使用CSS屬性中的【text-indent】進(jìn)行設(shè)置,還是比較方便的。
HTML特點
可擴展性:超級文本標(biāo)記語言的廣泛應(yīng)用帶來了加強功能,增加?標(biāo)識符等要求,超級文本標(biāo)記語言采取子類元素的方式,為系統(tǒng)擴展帶來保證。
簡易性:超級文本標(biāo)記語言 版本升級采用 超集方式,從而更加靈活方便。
通用性:另外, HTML是網(wǎng)絡(luò)的通用語言,一種簡單、通用的全置標(biāo)記語言。它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面,這些頁面可以被網(wǎng)上任何其他人瀏覽到,無論使用的是什么類型的電腦或瀏覽器。
平臺無關(guān)性:雖然 個人計算機大行其道,但使用 MAC等其他機器的大有人在,超級文本標(biāo)記語言可以使用在廣泛的平臺上,這也是 萬維網(wǎng)( WWW)盛行的另一個原因。