1、塊級元素和行內(nèi)元素分別有哪些吞瞪？動手測試并列出4條以上的特性區(qū)別
塊級元素：div h1 h2 h3 h4 h5 h6 p hr form ul dl ol pre table li dd dt tr td th
塊級元素特點：
- 獨立占據(jù)一行怕膛，即使設(shè)置寬度后镊折，仍然是獨立占據(jù)一行
- 寬度垃帅、高度均可設(shè)置中姜，margin padding 值均可調(diào)試
- 不設(shè)置寬度的情況下色查，默認(rèn)寬度薯演、高度是父級元素的寬高；
行內(nèi)元素： span em strong a br img button iput label select textarea code script
行內(nèi)元素（inline-block 也叫內(nèi)聯(lián)元素）特點：
- 不獨立占據(jù)一行秧了，和其他行內(nèi)元素在同一行跨扮，除非排滿后換到第二行
- 寬度、高度不可設(shè)置验毡，margin-top與margin-bottom值不可用衡创，但是margin-left or right以及padding值得屬性可以用 （http://js.jirengu.com/womekovike/1/edit）
- 不設(shè)置寬度的情況下，默認(rèn)寬度晶通、高度是其內(nèi)字體的寬高
2璃氢、什么是 CSS 繼承? 哪些屬性能繼承，哪些不能狮辽？
一一也、無繼承性的屬性
1、display：規(guī)定元素應(yīng)該生成的框的類型
2喉脖、文本屬性：
vertical-align：垂直文本對齊
text-decoration：規(guī)定添加到文本的裝飾
text-shadow：文本陰影效果
white-space：空白符的處理
unicode-bidi：設(shè)置文本的方向
3椰苟、盒子模型的屬性：width、height动看、margin 尊剔、margin-top爪幻、margin-right菱皆、margin-bottom、margin-left挨稿、border仇轻、border-style、border-top-style奶甘、border-right-style篷店、border-bottom-style、border-left-style、border-width疲陕、border-top-width方淤、border-right-right、border-bottom-width蹄殃、border-left-width携茂、border-color、border-top-color诅岩、border-right-color讳苦、border-bottom-color、border-left-color吩谦、border-top鸳谜、border-right、border-bottom式廷、border-left咐扭、padding、padding-top滑废、padding-right草描、padding-bottom、padding-left
4策严、背景屬性：background穗慕、background-color、background-image妻导、background-repeat逛绵、background-position、background-attachment
5倔韭、定位屬性：float术浪、clear、position寿酌、top胰苏、right、bottom醇疼、left硕并、min-width、min-height秧荆、max-width倔毙、max-height、overflow乙濒、clip陕赃、z-index
6、生成內(nèi)容屬性：content、counter-reset么库、counter-increment
7傻丝、輪廓樣式屬性：outline-style、outline-width诉儒、outline-color桑滩、outline
8、頁面樣式屬性：size允睹、page-break-before运准、page-break-after
9、聲音樣式屬性：pause-before缭受、pause-after胁澳、pause、cue-before米者、cue-after韭畸、cue、play-during
二蔓搞、有繼承性的屬性
1胰丁、字體系列屬性
font：組合字體
font-family：規(guī)定元素的字體系列
font-weight：設(shè)置字體的粗細(xì)
font-size：設(shè)置字體的尺寸
font-style：定義字體的風(fēng)格
font-variant：設(shè)置小型大寫字母的字體顯示文本，這意味著所有的小寫字母均會被轉(zhuǎn)換為大寫喂分，但是所有使用小型大寫字體的字母與其余文本相比锦庸，其字體尺寸更小。
font-stretch：對當(dāng)前的 font-family 進(jìn)行伸縮變形蒲祈。所有主流瀏覽器都不支持甘萧。
font-size-adjust：為某個元素規(guī)定一個 aspect 值，這樣就可以保持首選字體的 x-height梆掸。
2扬卷、文本系列屬性
text-indent：文本縮進(jìn)
text-align：文本水平對齊
line-height：行高
word-spacing：增加或減少單詞間的空白（即字間隔）
letter-spacing：增加或減少字符間的空白（字符間距）
text-transform：控制文本大小寫
direction：規(guī)定文本的書寫方向
color：文本顏色
3、元素可見性：visibility
4酸钦、表格布局屬性：caption-side怪得、border-collapse、border-spacing卑硫、empty-cells徒恋、table-layout
5、列表布局屬性：list-style-type拔恰、list-style-image因谎、list-style-position基括、list-style
6颜懊、生成內(nèi)容屬性：quotes
7、光標(biāo)屬性：cursor
8、頁面樣式屬性：page河爹、page-break-inside匠璧、windows、orphans
9咸这、聲音樣式屬性：speak夷恍、speak-punctuation、speak-numeral媳维、speak-header酿雪、speech-rate、volume侄刽、voice-family指黎、pitch、pitch-range州丹、stress醋安、richness、墓毒、azimuth吓揪、elevation
三、所有元素可以繼承的屬性
1所计、元素可見性：visibility
2柠辞、光標(biāo)屬性：cursor
四、內(nèi)聯(lián)元素可以繼承的屬性
1主胧、字體系列屬性
2钾腺、除text-indent、text-align之外的文本系列屬性
五讥裤、塊級元素可以繼承的屬性
1放棒、text-indent、text-align
3己英、如何讓塊級元素水平居中间螟？如何讓行內(nèi)元素水平居中?
塊級元素水平居中：margin:0 auto 上下margin值為0 ，左右值為自動损肛，即左右距離相等
行內(nèi)元素水平居中：設(shè)置文本 text-align:center;
4厢破、用 CSS 實現(xiàn)一個三角形
將寬高，全部設(shè)置為0
(http://js.jirengu.com/yetibocake/1/edit)
5治拿、單行文本溢出加 ...如何實現(xiàn)?
如以下命令：
card > h3{
white-space: nowrap;//設(shè)置超出的字排在同一行
overflow: hidden;//將超出邊框的字隱藏
text-overflow: ellipsis;//將超出邊框隱藏的字以...省略號顯示
}
6摩泪、px, em, rem 有什么區(qū)別
px： 固定單位
em: 相對單位，相對于父元素字體大小劫谅，一般而言是相對于body標(biāo)簽
rem: 相對單位见坑，相對于根元素(html)字體大小
7嚷掠、解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
字體12px,1.5倍的行高，\5b8b 宋\4f53體荞驴，合起來是宋體的意思不皆，加引號是為了防止有的字母間有空格，而把誤認(rèn)為是兩個不同含義的代碼熊楼，加引號就把變成了同一個代碼了
代碼一邊框：http://js.jirengu.com/zucahebopo/1/edit?html,css
代碼二按鈕陰影：http://js.jirengu.com/bicizubena/3/edit?html,css,output
http://js.jirengu.com/rogovojoya/1/edit?html,css,output(用了浮動)
代碼三表格代碼：http://js.jirengu.com/yujemuvize/2/edit?html,css,output
代碼四三角形：http://js.jirengu.com/mocukuqoki/3/edit?html,output
代碼五圖片溢出：http://js.jirengu.com/sinawohewe/1/edit
