1，塊級元素和行內元素分別有哪些？動手測試并列出4條以上的特性區(qū)別
- 塊級元素和行內元素分別有那些？
塊級元素：div , h1-h6, p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table等。
行內元素：button,span, strong, em, br, img , input, label, select, textarea等。
- 兩者之間的特性區(qū)別：
1，塊級元素占據(jù)一整行空間，行內元素占據(jù)自身內容的寬度。
2，塊級元素可以設置寬高，而行內元素設置寬高無效。
3，塊級元素可以包含文本，塊級元素或者行內元素，而行內元素只能包含文本，行內元素。
4，塊級元素的padding，margin值上下左右設置都有效，行內元素padding，margin只有左右設置有效。
2，什么是 CSS 繼承? 哪些屬性能繼承，哪些不能？
- CSS繼承就是子元素繼承了父元素的CSS樣式的屬性
- 1.所有元素可繼承：visibility和cursor
2.內聯(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（字體內容 大小相關屬性）
3.塊狀元素可繼承：text-indent和text-align(字體布局屬性,當前元素必須是塊級元素)
4.列表元素可繼承：list-style、list-style-type、list-style-position、list-style-image(ul ol 的屬性可以繼承給li)
5.表格元素可繼承：border-collapse
3，如何讓塊級元素水平居中？如何讓行內元素水平居中?
- 塊級元素水平居中：margin:0，auto
- 行內元素水平居中：text-align: center
4，單行文本溢出加 ...如何實現(xiàn)?
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
5，px, em, rem 有什么區(qū)別。
- px:固定單位。
- em: 相對單位，相對父元素字體的大小。（倍數(shù)）
- rem:相對單位，相對于跟元素（html）字體的大小。（倍數(shù)）
6，解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans- serif;
}
設置了body的font樣式，字體大小為12px，行高是字體1.5倍，后面則是選擇字體用逗號隔開，如果用戶瀏覽第一字體沒有，則查詢第二字體有沒有，以此類推，如果都沒有則采用系統(tǒng)默認字體；因為中間有空格，不加引號會被識別成兩個元素。數(shù)字符號表示的是字體的編號。
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。
