1.塊級(jí)元素和行內(nèi)元素分別有哪些?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別
塊級(jí)元素有 p、div、form 、 ul、 ol、 table...
行內(nèi)元素 span 、 img、em 、strong、 button 、label 、 input...
- 一般情況下,行內(nèi)元素只能包含數(shù)據(jù)和其他行內(nèi)元素。
而塊級(jí)元素可以包含行內(nèi)元素和其他塊級(jí)元素。 - 默認(rèn)情況下,行內(nèi)元素不會(huì)以新行開始,而塊級(jí)元素會(huì)新起一行。
- 行內(nèi)元素不可以設(shè)置寬高、而塊級(jí)元素可以設(shè)置。
- 行內(nèi)元素margin上下無(wú)效,padding上下無(wú)效-
2.什么是 CSS 繼承? 哪些屬性能繼承,哪些不能?
每個(gè) CSS 屬性定義 的概述都指出了這個(gè)屬性是默認(rèn)繼承的 ("Inherited: Yes") 還是默認(rèn)不繼承的 ("Inherited: no")。這決定了當(dāng)你沒(méi)有為元素的屬性指定值時(shí)該如何計(jì)算值。
所有元素可繼承: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。
不可繼承的: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。
3.如何讓塊級(jí)元素水平居中?如何讓行內(nèi)元素水平居中?
塊級(jí)元素水平居中 : margin: 0 auto
行內(nèi)元素水平居中: text-aligin: center
4.用 CSS 實(shí)現(xiàn)一個(gè)三角形

5.單行文本溢出加 ...如何實(shí)現(xiàn)?

6.px, em, rem 有什么區(qū)別
px像素(Pixel)。相對(duì)長(zhǎng)度單位。像素px是相對(duì)于顯示器屏幕分辨率而言的。em 相對(duì)長(zhǎng)度單位,相對(duì)于其父級(jí)的字體大小的.rem的值并不是固定的,始終是基于根元素 <html> 的,也代表倍數(shù)。
7.解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?

字體大小為12px,字體的行高是12px*1.5,字體可在tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif 這些字體中選擇(若都不存在,則為瀏覽器默認(rèn)字體)加引號(hào)是因?yàn)橛蠻nicode或者空格存在,字體中\(zhòng)5b8b代表黑 \4f53代表體