1.塊級(jí)元素和行內(nèi)元素分別有哪些？動(dòng)手測(cè)試并列出4條以上的特性區(qū)別
塊級(jí)元素
div, h1~h6, p, hr
form, ul, li, ol, pre(定義預(yù)格式化的文本)
table, dl, dt, dd, th, tr, td, tbody, thead, caption(定義表格標(biāo)題)
行內(nèi)元素
span, label, a, img, br, select, option,input, button, textarea,
em strong, code, script, sub, sup, var
客戶端腳本
特性區(qū)別:
①塊級(jí)可以包含塊級(jí)和行內(nèi)，行內(nèi)只能包含文本和行內(nèi)
②塊級(jí)占據(jù)一整行空間，行內(nèi)占據(jù)自身寬度空間
③塊級(jí)元素可以設(shè)置寬高、內(nèi)外邊距
行內(nèi)元素只能設(shè)置line-height，直接設(shè)置width，height無(wú)效，行內(nèi)元素上下margin無(wú)效，左右margin無(wú)效width由其內(nèi)容的寬度決定。
或者通過(guò) display:inline-block (表現(xiàn)形式設(shè)為塊級(jí))
。
2.什么是 CSS 繼承? 哪些屬性能繼承，哪些不能？
繼承就是繼承上級(jí)的屬性。
一、無(wú)繼承性的屬性
1、display：規(guī)定元素應(yīng)該生成的框的類型
2、文本屬性：
vertical-align：垂直文本對(duì)齊
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、頁(yè)面樣式屬性：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è)置小型大寫字母的字體顯示文本，這意味著所有的小寫字母均會(huì)被轉(zhuǎn)換為大寫，但是所有使用小型大寫字體的字母與其余文本相比，其字體尺寸更小。
font-stretch：對(duì)當(dāng)前的 font-family 進(jìn)行伸縮變形。所有主流瀏覽器都不支持。
font-size-adjust：為某個(gè)元素規(guī)定一個(gè) aspect 值，這樣就可以保持首選字體的 x-height。
2、文本系列屬性
text-indent：文本縮進(jìn)
text-align：文本水平對(duì)齊
line-height：行高
word-spacing：增加或減少單詞間的空白（即字間隔）
letter-spacing：增加或減少字符間的空白（字符間距）
text-transform：控制文本大小寫
direction：規(guī)定文本的書(shū)寫方向
color：文本顏色
3、元素可見(jiàn)性：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、頁(yè)面樣式屬性：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、元素可見(jiàn)性：visibility
2、光標(biāo)屬性：cursor
四、內(nèi)聯(lián)元素可以繼承的屬性
1、字體系列屬性
2、除text-indent、text-align之外的文本系列屬性
五、塊級(jí)元素可以繼承的屬性
1、text-indent、text-align
轉(zhuǎn)自這里
3.如何讓塊級(jí)元素水平居中？如何讓行內(nèi)元素水平居中?
塊級(jí)元素水平居中 margin: 0 auto
行內(nèi)元素水平居中 text-align:center
4.用 CSS 實(shí)現(xiàn)一個(gè)三角形
5.單行文本溢出加 ...如何實(shí)現(xiàn)?
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
6.px, em, rem 有什么區(qū)別
px： 固定單位
em: 相對(duì)單位，相對(duì)于父元素字體大小
rem: 相對(duì)單位，相對(duì)于根元素(html)字體大小
vw vh: 相對(duì)單位，1vw 為屏幕寬度的1%，兼容性不太好
兼容性問(wèn)題 can i use
7.解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
font-size: 12px;
line-height: 1.5;
font-family: tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
依次尋找字體直到滿足要求的字體出現(xiàn)。
'Hiragino Sans GB'加引號(hào)是因?yàn)橹虚g有空格，不加會(huì)被認(rèn)為是兩個(gè)字體。
'\5b8b\4f53'
5b8b代表宋，4f53代表體。合起來(lái)就是宋體。
在console中輸入
escape ('黑體')
出現(xiàn)"%u9ED1%u4F53"
