真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

css中行高指的是什么

小編給大家分享一下css中行高指的是什么,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

公司主營(yíng)業(yè)務(wù):成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、成都外貿(mào)網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對(duì)我們的高要求,感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)推出撫順免費(fèi)做網(wǎng)站回饋大家。

什么是css

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)行格式化。

行高是包括內(nèi)容區(qū)與以內(nèi)容區(qū)為基礎(chǔ)對(duì)稱拓展的空白區(qū)域;一般情況下,也可以認(rèn)為是相鄰文本行基線間的垂直距離。在css中可以使用line-height屬性設(shè)置行高;該屬性設(shè)置行間的距離(行高),不允許使用負(fù)值。

本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

1.  基線、底線、頂線

css中行高指的是什么

  • 行高是包括內(nèi)容區(qū)與以內(nèi)容區(qū)為基礎(chǔ)對(duì)稱拓展的空白區(qū)域;一般情況下,也可以認(rèn)為是相鄰文本行基線間的垂直距離。

  • 基線并不是漢字的下端沿,而是英文字母"x"的下端沿

2.  行距、行高

css中行高指的是什么

3.  內(nèi)容區(qū)

css中行高指的是什么

  • 底線和頂線包裹的區(qū)域,實(shí)際中不一定看得到,但卻是存在。

4.  行內(nèi)框

css中行高指的是什么

  • 行內(nèi)框只是一個(gè)概念,它無(wú)法顯示出來(lái),但是它又確實(shí)存在

  • 它的高度就是行高

  • 在沒有其他因素(padding)影響的時(shí)候,行內(nèi)框等于內(nèi)容區(qū)域

5.  行框

css中行高指的是什么

  • 行框(line box)。同行內(nèi)框類似,行框是指本行的一個(gè)虛擬的矩形框

  • 行框高度等于本行內(nèi)所有元素中行高最大的值

元素對(duì)行高的影響

  • 對(duì)于行內(nèi)元素如em、strong、span和等,其padding、margin、border-top、border-bottom 不會(huì)增加行高。
    padding會(huì)覆蓋;margin將重置為0;border-top和border-bottom同樣會(huì)覆蓋。
    padding-left、padding-right、border-left和border-right可用。

  • img元素會(huì)影響行高

  • 設(shè)置行內(nèi)元素的padding、border和margin并不會(huì)撐大外層元素的高度,如下圖:css中行高指的是什么

6.  設(shè)置行高

在CSS中我們可以使用line-height屬性來(lái)設(shè)置行高。line-height屬性可用于設(shè)置行間的距離(行高),不允許使用負(fù)值。

line-height屬性會(huì)影響行框的布局。在應(yīng)用到一個(gè)塊級(jí)元素時(shí),它定義了該元素中基線之間的最小距離而不是最大距離。

line-height 與 font-size 的計(jì)算值之差(在 CSS 中成為“行間距”)分為兩半,分別加到一個(gè)文本行內(nèi)容的頂部和底部??梢园@些內(nèi)容的最小框就是行框。

示例:




	
		
		
			p.small {
				line-height: 90%
			}
			
			p.big {
				line-height: 200%
			}
		
	

	

		

這是擁有標(biāo)準(zhǔn)行高的段落。 在大多數(shù)瀏覽器中默認(rèn)行高大約是 110% 到 120%。 這是擁有標(biāo)準(zhǔn)行高的段落。 這是擁有標(biāo)準(zhǔn)行高的段落。 這是擁有標(biāo)準(zhǔn)行高的段落。 這是擁有標(biāo)準(zhǔn)行高的段落。 這是擁有標(biāo)準(zhǔn)行高的段落。

這個(gè)段落擁有更小的行高。 這個(gè)段落擁有更小的行高。 這個(gè)段落擁有更小的行高。 這個(gè)段落擁有更小的行高。 這個(gè)段落擁有更小的行高。 這個(gè)段落擁有更小的行高。 這個(gè)段落擁有更小的行高。

這個(gè)段落擁有更大的行高。 這個(gè)段落擁有更大的行高。 這個(gè)段落擁有更大的行高。 這個(gè)段落擁有更大的行高。 這個(gè)段落擁有更大的行高。 這個(gè)段落擁有更大的行高。 這個(gè)段落擁有更大的行高。

效果圖:

css中行高指的是什么

看完了這篇文章,相信你對(duì)“css中行高指的是什么”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!


文章題目:css中行高指的是什么
轉(zhuǎn)載來(lái)源:http://weahome.cn/article/piojii.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部