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

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

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

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