1.塊級元素和行內元素分別有哪些？動手測試并列出4條以上的特性區別?##
塊級元素：
<div>，<h1~h6>，<p>，<form>，<ul>，<ol>，<dl>，<dt>，<dd>，<li>，<table>，<tr>，<td>，<th>，<pre>
等;
行內元素：
<span>，<strong>，<em>，<a>，<img>，<br>，<button>，<input>，<label>，<select>，<textarea>，<code>，<script>
等;
1.塊級元素可以包含文本，塊級，行內元素，而行內元素只能包含文本和行內元素
2.塊級元素會獨占一行，其寬度自動填滿其父元素寬度,行內元素不會獨占一行，相鄰的行內元素會排列在同一行里，知道一行排不下，才會換行，其寬度隨元素的內容而變化
3.塊級元素可以設置 width, height屬性，行內元素設置width, height無效
4.塊級元素可以設置margin 和 padding. 行內元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產生邊距效果，但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產生邊距效果。行內元素上下padding對背景色和邊框生校
2. 什么是 CSS 繼承? 哪些屬性能繼承，哪些不能？##
繼承就是子標簽繼承了上級(父級)標簽的CSS樣式的屬性
能被繼承的屬性有：
- 文本相關屬性：font-family, font-size（子類繼承的不是實際值，而是計算后的值）, font- style, font-variant, font-weight, font, letter-spacing, line-height, text-align, text-indent, text- transform, word-spacing
- 列表相關屬性：list-style-image, list-style-position, list-style-type, list-style
- color屬性
不能被繼承的屬性
display、margin、border、padding、background、height
3.用CSS實現一個三角形##
4. 單行文本溢出加...如何實現？##
設置文本屬性
white-space:nomal; 設置文本不換行； overflow:hidden; 設置文本溢出隱藏； text-overflow:ellipsis; 設置溢出部分為“...”
5. px, em, rem 有什么區別##
- px單位
px（像素），相對于顯示器屏幕分辨率而言的,屏幕設備能顯示出的最小的一個點，這個點不是固定寬度的，不同設備上點的長寬比例有可能會不同 - em單位
em才是真正的“相對單位”，它不是一個具體的數值，而是相對于父元素的屬性計算出來的大小，一般移動終端布局用em比較合適 - rem單位
rem這個單位是相對于根元素HTML的,而如果我們想修改大小，只需修改根元素HMTL 的大小就可以了
6. 解釋下面代碼的作用？為什么要加引號？ 字體里的數字符號代表什么？##
body{ font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; }
- body元素設置字體大小為12px，行高為其字體大小的1.5倍，字體的樣式有五種,瀏覽器解析式頁面時查找用戶本地的字體庫，如果有第一種字體就使用第一種，如果沒有查找第二種，以此類推。
- 加引號是因為字體的名字中包含空格，若不加引號，瀏覽器解析字體名稱時可能會發生錯誤。
- 數字符號為unicode碼，避免了在使用字體名稱為中文時編碼不匹配產生亂碼的情況。
