1 -
塊級(jí)元素有：div,h1,h2,h6,p,hr,form,ul,dl,ol,pre,table,li,dd,dt,tr,td,th等。
行內(nèi)元素有：em,strong,a,span,br,img,button,input,label,select,textarea,code,script等。
2 - css繼承是指父元素的樣式會(huì)繼承給子元素。有些屬性可以繼承，有些不可以。####
常見的可以繼承的屬性有：#####
| 屬性 | 屬性 | ||
|---|---|---|---|
| color:#eee | list-style | ||
| font: | list-style-image | ||
| font-style | list-style-position | ||
| font-variant: | table-layout | ||
| font-weight:bold | border-collapse | ||
| font-size | border-spacing | ||
| list-style-type | caption-side | ||
| font-family: | empty-cells | ||
| font-stretch: | text-decoration-skip | 檢索或設(shè)置對象中的文本裝飾線條必須略過內(nèi)容中的哪些部分。 | |
| font-size-adjust: | text-underline-position | 檢索或設(shè)置對象中的下劃線的位置。 | |
| visibility:visible/hidden/collapse | 主要用來隱藏表格的行或列。隱藏的行或列能夠被 其他內(nèi)容使用。對于表格外的其他對象，其作用等同于hidden。 | text-shadow | 設(shè)置或檢索對象中文本的文字是否有陰影及模糊效果 |
| text-transform | 檢索或設(shè)置對象中的文本的大小寫 | white-space | 設(shè)置或檢索對象內(nèi)空格的處理方式 |
| tab-size | 檢索或設(shè)置對象中的制表符的長度 | word-wrap | 設(shè)置或檢索當(dāng)內(nèi)容超過指定容器的邊界時(shí)是否斷行 |
| overflow-wrap | 設(shè)置或檢索當(dāng)內(nèi)容超過指定容器的邊界時(shí)是否斷行 | word-break | 設(shè)置或檢索對象內(nèi)文本的字內(nèi)換行行為 |
| text-align | 設(shè)置或檢索對象中內(nèi)容的水平對齊方式 | text-align-last | 設(shè)置或檢索一個(gè)塊內(nèi)的最后一行（包括塊內(nèi)僅有一行文本的情況，這時(shí)既是第一行也是最后一行）或者被強(qiáng)制打斷的行的對齊方式 |
| text-justify | 設(shè)置或檢索對象內(nèi)調(diào)整文本使用的對齊方式 | letter-spacing | 檢索或設(shè)置對象中的字符之間的最小，最大和最佳間隙 |
| word-spacing | 檢索或設(shè)置對象中的單詞之間的最小，最大和最佳間隙 | text-indent | 檢索或設(shè)置對象中的文本的縮進(jìn) |
| vertical-align | 設(shè)置或檢索對象內(nèi)容的垂直對其方式 | text-size-adjust | 檢索或設(shè)置移動(dòng)端頁面中對象文本的大小調(diào)整 |
| line-height | 檢索或設(shè)置對象的行高。即字體最底端與字體內(nèi)部頂端之間的距離 | cursor: | |
| zoom: | direction:ltr/rtl |
常見的不可繼承的屬性有#####
屬性| |屬性
------|-------|-----|-----|-----
border| |padding |
display| |margin|
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 . 如何讓會(huì)計(jì)元素水平居中？如何讓行內(nèi)元素水平居中？####
塊級(jí)元素水平居中可以通過設(shè)置margin來實(shí)現(xiàn)
.box{margin:0 auto;}/*左右margin值為auto,平均分配間距實(shí)現(xiàn)水平居中*/
注：塊級(jí)元素設(shè)置水平居中一定要設(shè)置寬度。
行內(nèi)元素水平居中
div{text-align:center} /*DIV內(nèi)的行內(nèi)元素均會(huì)水平居中*/
4 . 用css實(shí)現(xiàn)一個(gè)三角形####
.box{ height:0; width:0px; border-top:solid 150px red; border-left:solid 1px red; border-right:solid 400px transparent; border-bottom:solid 1px transparent; }
實(shí)現(xiàn)如下圖所示
5 .單行文本溢出加...實(shí)現(xiàn)####
#sp{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
6 .px,em,rem有什么區(qū)別？####
如下圖所示，px,em,rem都是單位，但是有不同點(diǎn)。
px為固定單位，實(shí)際上就是像素，用PX設(shè)置字體大小時(shí)，比較穩(wěn)定和精確。但是這種方法存在一個(gè)問題，當(dāng)用戶在瀏覽器中瀏覽我們制作的Web頁面時(shí)，如果改變了瀏覽器的縮放，這時(shí)會(huì)使用我們的Web頁面布局被打破。這樣對于那些關(guān)心自己網(wǎng)站可用性的用戶來說，就是一個(gè)大問題了。因此，這時(shí)就提出了使用“em”來定義Web頁面的字體。；
em和rem都是相對單位，但是em和rem的不同之處在于其相對的父元素不同。
em是相對于其父元素字體的大小，rem相對于根元素(html)字體大小。
7 . 解釋下面代碼的作用，為什么藥加引號(hào)，字體里\5b8b\4f53代表什么？####
body{ font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; }這段代碼設(shè)置字體：字號(hào)為12px，1.5倍行距，有空格，不加引號(hào)會(huì)被識(shí)別成兩個(gè)元素。數(shù)字是Unicode碼，宋體、微軟雅黑。
代碼###
一. 參考1： http://js.jirengu.com/mifopodume/2/edit
二.參考2： http://js.jirengu.com/rupicadula/2/edit
三.參考3：http://js.jirengu.com/gifosujibo/2/edit
四.參考4：http://js.jirengu.com/zejacucemi/7/edit
五.參考5：http://js.jirengu.com/rozesugevi/1/edit
