1.塊級元素和行內(nèi)元素分別有哪些？動手測試并列出4條以上的特性區(qū)別
- 塊級元素：div h1~h6 ul dl ol p hr form pri table li dt tr dd td dh
-
行內(nèi)元素：span a em strong br img button input label select texteare code script
e3d0a167a512755890299c203941afc.png
-特性：
1.塊級元素內(nèi)可以包含行內(nèi)元素和塊級元素，而行內(nèi)元素只能包含行內(nèi)元素和文本；
2:塊級元素可以設(shè)置寬高，而行內(nèi)元素?zé)o法設(shè)置寬高；
3.塊級元素設(shè)置margin、padding上下左右都生效，而行內(nèi)元素設(shè)置margin、padding上下不生效，只有左右才生效；
4.塊級元素獨占一行，而行內(nèi)元素只占據(jù)自身寬度空間
2.什么是 CSS 繼承? 哪些屬性能繼承，哪些不能？
- 應(yīng)用于某個元素的一些屬性值將由該元素的子元素繼承，而有些則不會
- 可以繼承：font-family,font-size,font-style,font-variant,font-weight,font
word-spacing letter-spacing text-align text-transform text-indent line-height
color list-style-image, list-style-position,list-style-type, list-style - 不能繼承：text-decoration vertical-align background border
margin padding width height float clear position left top overflow z-index display
3.如何讓塊級元素水平居中？如何讓行內(nèi)元素水平居中?
1aaa8f0a73c155dc3581baa5d55da49.png
- 塊級元素水平居中使用margin:0 auto;即可
- 行內(nèi)元素水平居中使用padding和text-align:center即可
5.用 CSS 實現(xiàn)一個三角形
6.單行文本溢出加 ...如何實現(xiàn)?
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
7.px, em, rem 有什么區(qū)別?
px:固定單位
em:相對單位，相對于父元素字體的大小
rem:相對單位，相對于根元素（html）字體的大小
8.解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
字體大小為12px;
字體行高為1.5倍字體大??；
代碼字體可在tahoma,arial,‘Hiragino Sans GB’,’\5b8b\4f53’,sans-serif 這些字體中選擇 ； （若都不存在，則為瀏覽器默認字體）
當有空格或者Unicode碼時，需要加引號；
\5b8b\4f53是字體的Unicode碼，表示宋體；
