1.塊級(jí)元素和行內(nèi)元素分別有哪些？動(dòng)手測(cè)試并列出4條以上的特性區(qū)別
塊級(jí)元素：
4f1ea61f4e6e204432ad0191b7a389259726e762_1_385x500.jpg
行內(nèi)元素：
86237b0387b76c585cc6e5dae6bcca675ee991af_1_428x500.jpg
1.行內(nèi)元素與塊級(jí)元素直觀上的區(qū)別：行內(nèi)元素會(huì)在一條直線上排列，都是同一行的，水平方向排列。塊級(jí)元素各占據(jù)一行，垂直方向排列。塊級(jí)元素從新行開(kāi)始結(jié)束接著一個(gè)斷行。
2.塊級(jí)元素可以包含行內(nèi)元素和塊級(jí)元素。行內(nèi)元素不能包含塊級(jí)元素。
3.行內(nèi)元素與塊級(jí)元素屬性的不同，主要是盒模型屬性上。
4.塊級(jí)元素默認(rèn)寬度與瀏覽器寬度一樣，與內(nèi)容無(wú)關(guān)；行內(nèi)元素寬度只與內(nèi)容有關(guān)
行內(nèi)元素設(shè)置width無(wú)效，height無(wú)效(可以設(shè)置line-height)，margin上下無(wú)效左右有效，padding上下無(wú)效左右有效。
2.什么是 CSS 繼承? 哪些屬性能繼承，哪些不能？
- 繼承，它是依賴于祖先-后代的關(guān)系的。繼承是一種機(jī)制，它允許樣式不僅可以應(yīng)用于某個(gè)特定的元素，還可以應(yīng)用于它的后代。就是沒(méi)有特別設(shè)置時(shí)，兒子會(huì)繼承父級(jí)的一些屬性樣式。
- 能繼承的元素：
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、list-style、list-style-type、list-style-position、list-style-image、text-indent和text-align - 不能繼承：
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í)元素居中語(yǔ)法：
margin：0 auto； - 行內(nèi)元素水平居中：
text-align：center；
4.用 CSS 實(shí)現(xiàn)一個(gè)三角形
2163bebe7634f723a3b86639c41a058c394218f7_1_690x336.jpg
5.單行文本溢出加 ...如何實(shí)現(xiàn)?
1.先給文本使用white-space: nowrap;屬性使文本不會(huì)換行。
2.再添加overflow: hidden;屬性表示內(nèi)容被修剪且其余內(nèi)容不可見(jiàn)。
3.最后添加text-overflow: ellipsis;屬性指定被修剪的內(nèi)容用...符號(hào)表示
6.px, em, rem 有什么區(qū)別
- px ：像素（Pixel）。相對(duì)長(zhǎng)度單位。像素px是相對(duì)于顯示器屏幕分辨率而言的。
- em ：是相對(duì)長(zhǎng)度單位。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。em的值并不是固定的，em會(huì)繼承父級(jí)元素的字體大小。
- rem ：是CSS3新增的一個(gè)相對(duì)單位，使用rem為元素設(shè)定字體大小時(shí)，仍然是相對(duì)大小，但相對(duì)的只是HTML根元素。
7.解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
- 引號(hào)內(nèi)容中有空格，不加引號(hào)的話會(huì)被是被為兩個(gè)元素。
- 數(shù)字為unicode編碼，表示宋體。
