1塊級(jí)元素和行內(nèi)元素分別有哪些？動(dòng)手測(cè)試并列出4條以上的特性區(qū)別
塊級(jí)元素：div p hr table form h1 h2 h3 h4 h5 h6 ul dl ol dt dd tr td th pre
行內(nèi)元素：a span em strong br img button input label select textarea code script
塊級(jí)元素 VS 行內(nèi)元素
區(qū)別1：塊級(jí)元素寬度占據(jù)整行，行內(nèi)元素占據(jù)自身寬度的空間，能多個(gè)并列排序，直到一行排列不下，換下一行。
區(qū)別2：塊級(jí)元素可以包含塊級(jí)元素和行內(nèi)元素卖丸；行內(nèi)元素內(nèi)只能包含行內(nèi)元素和文本
區(qū)別3：塊級(jí)元素可以設(shè)置寬高；行內(nèi)元素則不能設(shè)置寬高
區(qū)別4：塊級(jí)元素可以設(shè)置上下左右的margin盏道、padding 邊距稍浆；行內(nèi)元素只對(duì)左右方向的margin、padding生效，上下無(wú)效
區(qū)別5：塊級(jí)元素粹湃，默認(rèn)為display: block恐仑；行內(nèi)元素表示為display:inline.
什么是 CSS 繼承? 哪些屬性能繼承，哪些不能为鳄？
css繼承是子元素沒(méi)有指定值的情況下繼承父元素的屬性,父元素的屬性與子元素保持一致裳仆。
可以繼承的屬性：
font-size font-family font-weight line-height text-align color
不可以繼承的屬性：
margin
border
width
height
padding
display
如何讓塊級(jí)元素水平居中？如何讓行內(nèi)元素水平居中?
塊級(jí)元素 margin:0 auto;
行內(nèi)元素 為父級(jí)標(biāo)簽加上text-align:center;
將行內(nèi)元素轉(zhuǎn)為塊級(jí)元素孤钦，display:block 歧斟，然后再margin;0 auto;
用 CSS 實(shí)現(xiàn)一個(gè)三角形
.box塊元素的寬高設(shè)置為0px;設(shè)置好四個(gè)（上 下 左 右）的寬度等樣式，將其中的三個(gè)樣式設(shè)置為transform 透明偏形，一個(gè)設(shè)置其背景顏色静袖。
.box{
width: 0;
height: 0px;
border-top: 1px solid red;
border-right: 1px solid transform;
border-bottom: 1px solid transform;
border-left: 1px solid transform;
}
單行文本溢出加 ...如何實(shí)現(xiàn)?
文本不折行 white-space: nowrap;
溢出部分隱藏 overflow: hidden;
加... text-overflow: ellipsis;
px, em, rem 有什么區(qū)別
px 是固定長(zhǎng)度單位，像素,不是相對(duì)單位
em 是相對(duì)長(zhǎng)度單位俊扭，相對(duì)于父元素字體大小队橙，若父元素未設(shè)置，則相對(duì)于瀏覽器默認(rèn)字體大小16px
rem 也是相對(duì)長(zhǎng)度單位萨惑，相對(duì)于根元素字體大小
解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
body里的所有子元素設(shè)置字體大小為12px;行高為字體大小的1.5倍捐康，后面的都是字體，查看瀏覽器和系統(tǒng)有沒(méi)有此字體庸蔼，若沒(méi)有則選擇下一個(gè)字體進(jìn)行查找解总。
如果這些字體都沒(méi)有，使用瀏覽器默認(rèn)字體姐仅。
'Hiragino Sans GB'加引號(hào)是表示是一個(gè)整體花枫，是一個(gè)字體。有些字體是由好幾個(gè)但系組成的掏膏，便于告訴瀏覽器這些單詞是一個(gè)字體表示劳翰。
字體里\5b8b\4f53是unicode碼，代表字體轉(zhuǎn)化相對(duì)應(yīng)的Unicode碼
代碼
1 https://jsbin.com/bumezixito/edit?html,css,output
2 https://jsbin.com/jefuzesana/edit?html,css
3 https://jsbin.com/wakaquriru/edit?html,css,output
4 https://jsbin.com/kewebezeru/edit?html,css,output
5 https://jsbin.com/sivejipepi/edit?html,css
