1. 行內(nèi)元素與塊級元素
常見塊級元素
div h1 h2 h3 h4 h5 h6 hr p ul li address form ul ol dl hr menu table fieldset
常見行內(nèi)元素
a span img em strong br img input label select textarea cite
行內(nèi)元素與塊級元素的特性
- 塊級元素會充滿整個父元素谒府，可以設置寬度泰鸡、高度壳鹤，會計元素可以設置marging和padding讯嫂。每個塊級元素獨占一行兆沙。
- 行內(nèi)元素可以設置左右的maging葛圃】庹可以使用padding撐開行內(nèi)元素的高度和寬度褥符，但是不能影響父元素的高度和寬度喷楣。
- inline-block：將對象呈遞為內(nèi)聯(lián)對象鹤树，但是對象的內(nèi)容作為塊對象呈遞罕伯。追他。
2. CSS繼承——哪些屬性可以繼承邑狸，哪些不能
css繼承：父元素設置樣式后推溃，子元素的樣式與父元素樣式相同铁坎。
可繼承元素：列表相關（list）硬萍，文字相關（font）朴乖，文本相關（text）
不可繼承元素：display买羞，width畜普，padding吃挑，marging舶衬，height
3. 實現(xiàn)居中
塊級元素居中：
設置寬度后逛犹，marging-left:auto;marging-right:auto;
行內(nèi)元素居中：
使用代碼：text-align:center
4. CSS實現(xiàn)三角形
將內(nèi)容區(qū)width: 0;height: 0;虽画，再在元素的一條邊上加上較粗的邊框，即可顯示如一個三角形的樣子灸拍。
例
5. 單行文本溢出變?yōu)椤?/h2>
white-space: nowrap; 文本空間：不折疊
overflow:hidden; 超出部分：隱藏
text-overflow:ellipses; 文本超出：省略號
6. px em rem
white-space: nowrap; 文本空間：不折疊
overflow:hidden; 超出部分：隱藏
text-overflow:ellipses; 文本超出：省略號
px:像素，固定寬度轩性，
em:相對單位，相對于父元素或自身設定的字體大小
rem: 相對于HTML（body）的字體大小
** 問題：**解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
兩個單詞表示一種字體時卸察，使用引號包裹表示這兩個單詞一起解讀坑质。
'\5b8b\4f53'表示宋體涡扼，在國外查看該網(wǎng)站時，瀏覽器也許不能解讀'宋體'中文字體巷波。使用'\5b8b\4f53'能讓瀏覽器正確解析。
