這篇“css調(diào)整行距的方法”文章,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要參考一下,對(duì)于“css調(diào)整行距的方法”,小編整理了以下知識(shí)點(diǎn),請(qǐng)大家跟著小編的步伐一步一步的慢慢理解,接下來(lái)就讓我們進(jìn)入主題吧。
創(chuàng)新互聯(lián)堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的湟源網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
css是一種用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言,主要是用來(lái)設(shè)計(jì)網(wǎng)頁(yè)的樣式,使網(wǎng)頁(yè)更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語(yǔ)言,并且css樣式可以直接存儲(chǔ)于HTML網(wǎng)頁(yè)或者單獨(dú)的樣式單文件中,而樣式規(guī)則的優(yōu)先級(jí)由css根據(jù)這個(gè)層次結(jié)構(gòu)決定,從而實(shí)現(xiàn)級(jí)聯(lián)效果,發(fā)展至今,css不僅能裝飾網(wǎng)頁(yè),也可以配合各種腳本對(duì)于網(wǎng)頁(yè)進(jìn)行格式化。
css調(diào)整行距的方法:可以利用line-height屬性來(lái)調(diào)整行距,如【p.big {line-height:200%;}】,表示將元素行距調(diào)整為基于當(dāng)前字體尺寸的百分之兩百。
屬性簡(jiǎn)介:
line-height屬性用來(lái)設(shè)置以百分比計(jì)的行高。
屬性值:
normal 默認(rèn)。設(shè)置合理的行間距。
number 設(shè)置數(shù)字,此數(shù)字會(huì)與當(dāng)前的字體尺寸相乘來(lái)設(shè)置行間距。
length 設(shè)置固定的行間距。
% 基于當(dāng)前字體尺寸的百分比行間距。
inherit 規(guī)定應(yīng)該從父元素繼承 line-height 屬性的值。
舉例:
創(chuàng)新互聯(lián) 這是一個(gè)標(biāo)準(zhǔn)行高的段落。
這是一個(gè)標(biāo)準(zhǔn)行高的段落。
大多數(shù)瀏覽器的默認(rèn)行高約為110%至120%。
這是一個(gè)更小行高的段落。
這是一個(gè)更小行高的段落。
這是一個(gè)更小行高的段落。
這是一個(gè)更小行高的段落。
這是一個(gè)更大行高的段落。
這是一個(gè)更大行高的段落。
這是一個(gè)更大行高的段落。
這是一個(gè)更大行高的段落。
運(yùn)行結(jié)果:
以上是“css調(diào)整行距的方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!