-
內(nèi)聯(lián)元素的高度 是由line-height決定的查看全部
-
行內(nèi)框盒子模型 4包含3,3包含2,2和1的關(guān)系暫定理解為類似于平行關(guān)系查看全部
-
行內(nèi)框盒子模型 4、包含盒子 containing box 是由一行一行的行框盒子組成,比如,p標簽內(nèi)的文字換行,那么包含盒子就是包含兩行的盒子,每一行有一個行框盒子查看全部
-
行內(nèi)框盒子模型 3、行框盒子 line boxes查看全部
-
行內(nèi)框盒子模型 2、內(nèi)聯(lián)盒子 inline boxes查看全部
-
行內(nèi)框盒子模型 1、內(nèi)容區(qū)域 content area 只與字體大小有關(guān)與行高無關(guān)查看全部
-
行內(nèi)盒子模型查看全部
-
內(nèi)聯(lián)盒子模型查看全部
-
行高line-height的定義 兩行文字基線之間的距離查看全部
-
1,行高,基線,主要說明基線的問題是行高的標志 2.解釋了行內(nèi)框盒子模型效果, 內(nèi)容區(qū)域,內(nèi)聯(lián)盒子,行內(nèi)盒子,包含盒子。 3,line-height 高度機理 ,,行高==內(nèi)容區(qū)域+行間距;內(nèi)容區(qū)域=字號+字體(字體為宋體); 4,line-height的各種屬性,normal,默認屬性和瀏覽器和字體有關(guān)系,number,根據(jù)font-size有關(guān)系,length,直接固定具體長度大小(px,pt,em。。。),percent,百分比,inherit繼承關(guān)系(這個章節(jié)主要說明了一下百分比和數(shù)值的關(guān)系,還不是很清楚,需要在看其他資料自己了解); 5,body全局數(shù)值行高的經(jīng)驗,body{font-seiz:14px;line-height:1.4286}是根據(jù)20字號下的宋體進行得出來的結(jié)論,再次用到了數(shù)值和百分比的關(guān)系。 6,解決圖片下面有空白的bug三種解決方法,圖片塊狀話,圖片底線對其,行高為零, 7,line-height的實際應(yīng)用,圖片居中,多行居中,line-height和height的關(guān)系。查看全部
-
內(nèi)聯(lián)盒子:inline boxes 不會使內(nèi)容成塊 而是成排 行框盒子:line boxes 由內(nèi)聯(lián)盒子組成 包含盒子:containing box 由行框盒子組成 內(nèi)容區(qū)域:content area查看全部
-
內(nèi)聯(lián)盒子不會讓內(nèi)容成塊顯示,而是一排顯示。查看全部
-
line-height:1.4286查看全部
-
圖片水平垂直居中:.box{line-height: 300px; text-align:center;} .box>img{vertical-align: middle}——(IE8+); 多行文本垂直居中:見圖查看全部
-
因為chrome的問題,需把比例四舍五入查看全部
舉報
0/150
提交
取消