?塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別
塊級(jí)元素 : h1~h6 ul、li、ol、li、dl 、dd、 dt、 table、form、fieldset、legend、article、section、aside、footer、tbody、thead、tfoot div、p、blackquote、address、hr
行內(nèi)元素: a、span、img、input、button、em、textarea、label、strong、select、option
塊級(jí)元素的特點(diǎn):
①總是在新行上開(kāi)始,占據(jù)一整行;
②高度,行高以及外邊距和內(nèi)邊距都可控制;
③寬度始終是與瀏覽器寬度一樣,與內(nèi)容無(wú)關(guān);
④它可以容納內(nèi)聯(lián)元素和其他塊元素。
行內(nèi)元素的特點(diǎn):
①和其他元素都在一行上;
②高,行高及外邊距和內(nèi)邊距部分可改變;
③寬度只與內(nèi)容有關(guān);
④行內(nèi)元素只能容納文本或者其他行內(nèi)元素。 不可以設(shè)置寬高,其寬度隨著內(nèi)容增加,高度隨字體大小而改變,內(nèi)聯(lián)元素可以設(shè)置外邊界,但是外邊界不對(duì)上下起作用,只能對(duì)左右起作用,也可以設(shè)置內(nèi)邊界,但是內(nèi)邊界在ie6中不對(duì)上下起作用,只能對(duì)左右起作用。
?什么是 CSS 繼承? 哪些屬性能繼承,哪些不能?
繼承指的是父元素的樣式會(huì)遺傳給子元素,或后輩元素
- 所有元素可繼承:visibility和cursor
- 內(nèi)聯(lián)元素可繼承:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction(字體內(nèi)容 大小相關(guān)屬性)
- 塊狀元素可繼承:text-indent和text-align(字體布局屬性,當(dāng)前元素必須是塊級(jí)元素)
- 列表元素可繼承:list-style、list-style-type、list-style-position、list-style-image(ul ol 的屬性可以繼承給li)
- 表格元素可繼承:border-collapse
如何讓塊級(jí)元素水平居中?如何讓行內(nèi)元素水平居中?
- 塊級(jí)元素水平居中 margin: 0 auto;
- 行內(nèi)元素水平居中text-align: center;
?單行文本溢出加 …如何實(shí)現(xiàn)
對(duì)文本所在容器設(shè)置以下樣式:
white-space: nowrap; / 讓文字不換行 /
over-flow: hidden; / 讓容器不顯示溢出的文字 /
text-overflow: ellipsis; / 將溢出的文字轉(zhuǎn)化為… /
?px, em, rem 有什么區(qū)別
px, em, rem都是長(zhǎng)度單位,區(qū)別如下:
px:固定單位,只與屏幕的分辨率有關(guān);
em:相對(duì)單位,相對(duì)于父元素的字體大小,容易產(chǎn)生多重嵌套;
rem:相對(duì)單位,相對(duì)于根元素(html)的字體大??;
?解釋下面代碼的作用?為什么要加引號(hào)? 字體里的數(shù)字符號(hào)代表什么?

font 簡(jiǎn)寫(xiě)屬性在一個(gè)聲明中設(shè)置所有字體屬性,至少要指定字體大小和字體系列,可有第六個(gè)值:"line-height",可設(shè)置行間距。
這行樣式解釋為:
font-size=12px;
line-height:1.5; /實(shí)際行高為 121.5=18px/
font-family=‘Hiragino Sans GB’,’\5b8b\4f53’,sans-serif /加引號(hào)因?yàn)橛锌崭?/
’\5b8b\4f53’ 字體的unicode碼。 (防止瀏覽器解碼錯(cuò)誤造成亂碼)
?代碼
代碼