塊級(jí)元素和行內(nèi)元素例子以及特性
<strong>塊級(jí)元素</strong>:所謂塊級(jí)元素就是直觀上占位一行的元素,不能與任何其他元素共同排列在一行扇调,同時(shí)塊級(jí)元素的默認(rèn)寬度和瀏覽器頁(yè)面寬度一樣狼钮,塊級(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)导梆,而不能通過(guò)width進(jìn)行設(shè)置〔卣叮可以包含字符串,em兆览、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來(lái)設(shè)置椰弊,要使用line-height來(lái)進(jìn)行設(shè)置
什么是CSS繼承闹司?哪些屬性可以繼承耐朴,哪些不能韩肝?
所謂css繼承是指在html節(jié)點(diǎn)樹(shù)狀圖中迷守,子元素能夠繼承父元素的相應(yīng)屬性镰吵,比如當(dāng)父元素的文本顏色設(shè)置為紅色時(shí)檩禾,子元素中也存在著文本,但是沒(méi)有設(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)坛增。