1、塊級元素和行內(nèi)元素分別有哪些？動手測試并列出4條以上的特性區(qū)別
2、什么是 CSS 繼承? 哪些屬性能繼承，哪些不能？
3、如何讓塊級元素水平居中？如何讓行內(nèi)元素水平居中?
4、用 CSS 實(shí)現(xiàn)一個三角形
5、單行文本溢出加 ...如何實(shí)現(xiàn)?
6、px, em, rem 有什么區(qū)別
7、解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{ font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; }
1、
| 塊級元素 | 行內(nèi)元素 |
|---|---|
| div | <strong>em</strong> |
| h1-h6 | <strong>strong</strong> |
| p | <strong>span</strong> |
| hr | <strong>a</strong> |
| <strong>form</strong> | <strong>br</strong> |
| <strong>ul ol li</strong> | <strong>img</strong> |
| <strong>dl dd dt</strong> | <strong>button</strong> |
| <strong>table tr(行) th(表頭) td(單元格)</strong> | <strong>input</strong> |
| <strong>label</strong> | |
| <strong>select</strong> | |
| <strong>textarea</strong> |
特性區(qū)別：
1、塊級可以包含塊級和行內(nèi)，行內(nèi)只能包含文本和行內(nèi)；
2、行內(nèi)元素會在一條直線上排列，都是同一行的，水平方向排列；
塊級元素各占據(jù)一行，垂直方向排列。塊級元素從新行開始結(jié)束接著一個斷行；
3、行內(nèi)元素與塊級元素屬性的不同，主要是盒模型屬性上；
4、寬、高：只對塊級元素設(shè)置生效,對行內(nèi)元素設(shè)置無效；
塊級元素默認(rèn)寬度與瀏覽器寬度一樣，與內(nèi)容無關(guān)；行內(nèi)元素寬度只與內(nèi)容有關(guān)；
行內(nèi)元素設(shè)置width無效，height無效(可以設(shè)置line-height)，margin上下無效左右有效，padding上下無效左右有效；
2、
css繼承：設(shè)置父級元素，其子級元素的樣式會和父級元素一樣。
能繼承的元素：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、list-style、list-style-type、list-style-position、list-style-image、text-indent和text-align
不能繼承：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。
3、
對于塊級元素 設(shè)置 margin: 0 auto 可達(dá)到居中目的
行內(nèi)元素水平居中：text-align：center；
4、用 CSS 實(shí)現(xiàn)一個三角形
5、單行文本溢出加 ...如何實(shí)現(xiàn)?
{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
默認(rèn)情況下是折行的，因此需要設(shè)置nowrap使其不折行；
overflow: hidden 溢出之后隱藏起來；
當(dāng)文本溢出之后加上ellipsis 這是“...”；
clip inherit initial
6、
px:實(shí)際上就是像素，用px設(shè)置字體大小時，比較穩(wěn)定和精確。但是這種方法存在一個問題，當(dāng)用戶在瀏覽器中瀏覽我們制作的Web頁面時，如果改變了瀏覽器的縮放，這時會使用我們的Web頁面布局被打破。這樣對于那些關(guān)心自己網(wǎng)站可用性的用戶來說，就是一個大問題了。因此，這時就提出了使用“em”來定義Web頁面的字體。
em:相對單位，相對于父元素字體大小.
rem:EM是相對于其父元素來設(shè)置字體大小的，這樣就會存在一個問題，進(jìn)行任何元素設(shè)置，都有可能需要知道他父元素的大小。而Rem是相對于根元素，這樣就意味著，我們只需要在根元素確定一個參考值。
7、解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
1）意思：設(shè)置字體大小12px 字體行高1.5 倍字體取值，tohoma arial...
2）當(dāng)字體名字為中文時，需要加引號
當(dāng)有多個英文單詞，空格隔開的字體名字，需要加引號
3）宋體
