塊級(jí)元素和行內(nèi)元素例子以及特性
<strong>塊級(jí)元素</strong>:所謂塊級(jí)元素就是直觀上占位一行的元素,不能與任何其他元素共同排列在一行,同時(shí)塊級(jí)元素的默認(rèn)寬度和瀏覽器頁面寬度一樣,塊級(jí)元素可以包含另一個(gè)塊級(jí)元素和行內(nèi)元素;比如div、nav、address、table、form、p、head等都是塊級(jí)元素。
<strong>行內(nèi)元素</strong>行內(nèi)元素就是可以與其他元素共占一行,行內(nèi)元素不能包含塊級(jí)元素,但是可以包含行內(nèi)元素。行內(nèi)元素的寬度與內(nèi)容長(zhǎng)短有關(guān),而不能通過width進(jìn)行設(shè)置??梢园址琫m、img、input、span、等標(biāo)簽都是行內(nèi)元素。
同時(shí)塊級(jí)元素和行內(nèi)元素的不同還體現(xiàn)在盒模型上。對(duì)于行內(nèi)元素,margin只能對(duì)其進(jìn)行左右設(shè)置,padding也只能對(duì)左右進(jìn)行設(shè)置,對(duì)于行內(nèi)元素高度不能使用height來設(shè)置,要使用line-height來進(jìn)行設(shè)置
什么是CSS繼承?哪些屬性可以繼承,哪些不能?
所謂css繼承是指在html節(jié)點(diǎn)樹狀圖中,子元素能夠繼承父元素的相應(yīng)屬性,比如當(dāng)父元素的文本顏色設(shè)置為紅色時(shí),子元素中也存在著文本,但是沒有設(shè)置相應(yīng)顏色,此時(shí)子元素會(huì)繼承父元素的這一文本字體顏色設(shè)定,將字體設(shè)置為紅色。
但不是所有的屬性都可以繼承
不可繼承的屬性有display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。
內(nèi)聯(lián)元素可以繼承的屬性有l(wèi)etter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。
所有元素可以繼承的有visibility和cursor。
塊狀元素可以繼承的有text-indent和text-align。
列表元素可以繼承的有l(wèi)ist-style、list-style-type、list-style-position、list-style-image。
表格元素可以繼承的有border-collapse。
如何讓塊級(jí)元素居中?如何讓行內(nèi)元素水平居中?
塊級(jí)元素居中: margin 0 auto
行內(nèi)元素水平居中: text-align:center;
單行文本溢出...怎么實(shí)現(xiàn)
E {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
px rem em有什么區(qū)別
px:相對(duì)單位長(zhǎng)度,像素是相對(duì)于顯示器分辨率而言
rem:相對(duì)長(zhǎng)度,但是針對(duì)根元素(html)字體大小而言
em:相對(duì)長(zhǎng)度,針對(duì)父元素字體大小而言
解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
作用是設(shè)置字體大小以及字體格式,由于有些詞組之間存在空格,因此需要加引號(hào),還有當(dāng)字體名字為中文時(shí)候需要加引號(hào)。\5b8b\4f53是unicode碼,代表宋體,因而需要加引號(hào)。