1.塊級元素和行內元素分別有哪些？動手測試并列出4條以上的特性區(qū)別?
-
塊級元素：
塊級元素 -
行內元素：
行內元素
區(qū)別：
- 行內元素會在同一行上的一條直線上水平方向排列，而塊級元素各占據(jù)一行，垂直方向排列
- 塊級元素可以包含行內元素和塊級元素，但是行內元素不能包含塊級元素
- 行內元素與塊級元素屬性的不同，主要體現(xiàn)在盒模型屬性上
- 行內元素設置width無效，height無效(可以設置line-height)，margin上下無效左右有效，padding上下無效左右有效。
- 塊級元素默認寬度與瀏覽器寬度一樣，與內容無關；行內元素寬度與內容有關；
2.什么是 CSS 繼承? 哪些屬性能繼承，哪些不能？
- 每個 CSS 屬性定義 的概述都指出了這個屬性是默認繼承的 ("Inherited: Yes") 還是默認不繼承的 ("Inherited: no")。這決定了當你沒有為元素的屬性指定值時該如何計算值。
- 繼承屬性
當元素的一個 繼承屬性 （inherited property ）沒有指定值時，則取父元素的同屬性的計算值。只有文檔根元素取該屬性的概述中給定的初始值。
典型例子：color 屬性 :
p {
color: green
}
<p>這一句用作<em>強調的文本</ em>。</p>
文本 "強調的文本" 將會呈現(xiàn)為綠色，因為em元素繼承了p元素color屬性的值，而沒有獲取color屬性的初始值。
非繼承屬性
當元素的一個 非繼承屬性 沒有指定值時，則取屬性的 初始值（該值在該屬性的概述里被指定）。列舉：
不可繼承的：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
內聯(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
3.如何讓塊級元素水平居中？如何讓行內元素水平居中?
塊級元素水平居中：
margin : 0 auto;
行內元素水平居中：
text-align : center;
4.用 CSS 實現(xiàn)一個三角形
width:0;
height:0;
border-top:20px solid transparent;
border-right:20px solid transparent;
border-bottom:20px solid transparent;
border-left:20px solid blue;
}
將想表現(xiàn)的三角形顏色顯現(xiàn)，其他的border將顏色設置為transparent
即可得到想要的三角形效果。
5.單行文本溢出加 ...如何實現(xiàn)?
E{
white-space:nowrap; //不折行
overflow:hidden; //超出部分隱藏
text-overflow:ellipsis; //顯示省略符號來代表被省略的文本
}
6.px, em, rem 有什么區(qū)別
- px 像素px是相對于顯示器屏幕分辨率而言的
- em 相對長度單位。相對于當前對象內文本的字體尺寸。如當前對行內文本的字體尺寸未被人為設置，則相對于瀏覽器的默認字體尺寸
- rem rem為元素設定字體大小時，仍然是相對大小，但相對的只是HTML根元素
7.解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
字體名稱之中有空格，不加引號會被識別成兩個元素
數(shù)字是Unicode碼
用escape（）轉化后可以查詢。
