這篇文章主要為大家展示了css如何修改行間距,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶大家一起來研究并學(xué)習(xí)一下“css如何修改行間距”這篇文章吧。
成都服務(wù)器托管,創(chuàng)新互聯(lián)公司提供包括服務(wù)器租用、川西大數(shù)據(jù)中心、帶寬租用、云主機(jī)、機(jī)柜租用、主機(jī)租用托管、CDN網(wǎng)站加速、國際域名空間等業(yè)務(wù)的一體化完整服務(wù)。電話咨詢:18982081108
css是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言,主要是用來設(shè)計(jì)網(wǎng)頁的樣式,使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言,并且css樣式可以直接存儲(chǔ)于HTML網(wǎng)頁或者單獨(dú)的樣式單文件中,而樣式規(guī)則的優(yōu)先級(jí)由css根據(jù)這個(gè)層次結(jié)構(gòu)決定,從而實(shí)現(xiàn)級(jí)聯(lián)效果,發(fā)展至今,css不僅能裝飾網(wǎng)頁,也可以配合各種腳本對(duì)于網(wǎng)頁進(jìn)行格式化。
css修改行間距的方法:首先新建一個(gè)html代碼頁面;然后在html頁面輸入兩個(gè)
同時(shí)設(shè)置一些文字;接著對(duì)其中一個(gè)
添加一個(gè)class類為big用于設(shè)置行高;最后使用line-height設(shè)置big類的行高即可。
打開html開發(fā)工具,新建一個(gè)html代碼頁面,然后在這個(gè)html頁面輸入兩個(gè)<div>同時(shí)設(shè)置一些文字,對(duì)其中一個(gè)<div>添加一個(gè)class類為big用于設(shè)置行高。
創(chuàng)建<div>代碼:
<div> 這是一個(gè)標(biāo)準(zhǔn)行高的段落。<br> 這是一個(gè)標(biāo)準(zhǔn)行高的段落。<br> 這是一個(gè)標(biāo)準(zhǔn)行高的段落。<br> </div> <br /> <div class="big"> 這是一個(gè)更大行高的段落。<br> 這是一個(gè)更大行高的段落。<br> 這是一個(gè)更大行高的段落。<br> </div>
設(shè)置行高。在<title>標(biāo)簽后面創(chuàng)建一個(gè)<style>標(biāo)簽,然后使用line-height設(shè)置big類的行高。
css樣式代碼:
<style type="text/css"> .big{ line-height: 300%; } </style>
保存html頁面,使用瀏覽器打開,即可看到瀏覽器頁面上含有big類的div標(biāo)簽里的行間距變大了。
以上就是關(guān)于“css如何修改行間距”的內(nèi)容,如果改文章對(duì)你有所幫助并覺得寫得不錯(cuò),勞請(qǐng)分享給你的好友一起學(xué)習(xí)新知識(shí),若想了解更多相關(guān)知識(shí)內(nèi)容,請(qǐng)多多關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)站欄目:css如何修改行間距
地址分享:http://chinadenli.net/article6/geocig.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司、網(wǎng)站策劃、做網(wǎng)站、網(wǎng)站設(shè)計(jì)、Google、網(wǎng)站維護(hù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)