1.塊級元素和行內元素分別有哪些？
- 區別1
塊級元素可以包含塊級元素和行內元素；行內元素只能包含文本和行內元素 - 區別2
塊級元素獨占一行，行內元素只占據自身寬度空間； - 區別3
塊級元素可是設置過寬高，行內元素不能設置寬高 - 區別4
塊級元素可以設置margin，padding，行內元素只能設置水平的margin，padding，豎直方向的不生效
2.什么是 CSS 繼承? 哪些屬性能繼承，哪些不能？
CSS繼承指的是特定的CSS樣式向下傳遞到子孫元素。
- 不可繼承的特性
不可繼承的：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。 - 可以繼承的特性
所有元素可繼承：visibility和cursor。
內聯元素可繼承：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。
塊狀元素可繼承：text-indent和text-align。
列表元素可繼承：list-style、list-style-type、list-style-position、list-style-image。
表格元素可繼承：border-collapse。
引用自：css中可以和不可以繼承的屬性 by四眼悶
3.如何讓塊級元素水平居中？如何讓行內元素水平居中?
- 塊級元素居中
.box{
margin-left:auto;
margin-right:auto;
}
- 行內元素水平居中
.box{
text-align:center;
}
4.用CSS實現一個三角形
對塊級元素設置寬高為0，設置上下左右border為不同顏色，或透明，可組合出不同樣式三角形，調整border像素設置，可調整三角形的大??；
Paste_Image.png
5.單行文本溢出...的實現方法
white-space:nowrap ——顯示不下的元素，不進行換行
overflow：hidden ——溢出的元素隱藏
text-overflow:ellipsis ——超出的部分用…代替
Paste_Image.png
6.px,em,rem有什么區別
- px
固定單位，按照像素來設置大小 - em
相對單位，是相對于父元素字體大小的相對值，2em為兩倍 - rem
相對單位，是相對于字體大小的相對值；
7.解釋下面代碼作用
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;
字體樣式寫多個，是為避免瀏覽器上找不到該字體，而做的備選，如果找不到前面的字體會選擇后面列的字體；
字體的樣式，同一種有多種表達方法，加引號的目的是為了把單詞聯系在一起，表明一個完整的字體樣式；
后面的數字字符，是直接把字體樣式轉換為了unicode碼
