一 塊級(jí)元素和行內(nèi)元素分別有哪些药磺?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別?
行內(nèi)元素:span, strong, em, br, img , input, label, select, textarea
塊級(jí)元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
區(qū)別1:塊級(jí)元素獨(dú)占一行煤伟,行內(nèi)元素的長(zhǎng)度就是內(nèi)容的長(zhǎng)度癌佩。
區(qū)別2:塊級(jí)元素可以設(shè)置寬高木缝,行內(nèi)元素不能設(shè)定寬和高。
區(qū)別3:塊級(jí)元素可以包含行內(nèi)元素围辙,但行內(nèi)元素不能包含塊級(jí)元素
區(qū)別4:行內(nèi)元素設(shè)置margin會(huì)失效我碟,設(shè)置padding有效但不能撐開父級(jí)元素的高度。
二 什么是 CSS 繼承? 哪些屬性能繼承姚建,哪些不能矫俺?
所謂的css繼承指的是被包在內(nèi)部的標(biāo)簽將擁有外部標(biāo)簽的樣式性質(zhì),它是一種機(jī)制,它允許樣式不僅可以應(yīng)用于某個(gè)特定的元素,還可以應(yīng)用于它的后代掸冤。在css中厘托,繼承是一種非常自然的行為,但是繼承也有其局限性稿湿。有些屬性是不能繼承的铅匹。這沒有任何原因,只是因?yàn)橐?guī)則就是這么設(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所有元素可繼承: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塊狀元素可繼承:text-indent和text-align
列表元素可繼承:list-style蹬昌、list-style-type、list-style-position攀隔、list-style-image
表格元素可繼承:border-collapse
三 如何讓塊級(jí)元素水平居中皂贩?如何讓行內(nèi)元素水平居中?
塊級(jí)元素居中:margin:0 auto
行內(nèi)元素水平居中:text-align:center
四 用 CSS 實(shí)現(xiàn)一個(gè)三角形
五 單行文本溢出加 ...如何實(shí)現(xiàn)?
E{
white-space:nowrap; /強(qiáng)制在同一行內(nèi)顯示所有文本, 直到文本結(jié)束或者遭遇br對(duì)象昆汹。/
overflow:hidden; /隱藏溢出/
text-overflow;ellipsis;;/當(dāng)對(duì)象內(nèi)文本溢出時(shí)顯示省略標(biāo)記(...)明刷。 /
}
六 px, em, rem 有什么區(qū)別
px 固定單位
em 相對(duì)單位,相對(duì)父元素字體大小
rem 相對(duì)單位满粗,相對(duì)于根元素(html)字體大小
七 解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
body{ font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; }
- 代碼作用
- 設(shè)置默認(rèn)字體大小為12px辈末,字體行高1.5,字體樣式(優(yōu)先級(jí)依次遞減)
- 為什么要加引號(hào)
- 當(dāng)字體名字為中文時(shí)映皆,需要加引號(hào)
- 當(dāng)有多個(gè)英文單詞挤聘,空格隔開的字體名字,需要加引號(hào)
- 代表什么
- 代表字體的Unicod碼捅彻,Unicode碼全球通用组去,用該碼表示字體是最保險(xiǎn)的,獲得該碼的方式可以在網(wǎng)上查找步淹,或者在開發(fā)者工具中輸入escape指令从隆。
- \5b8b 為Unicode的“宋”,\4f53 為Unicode的“體”缭裆,合起來即為宋體键闺。