1.塊級元素和行內元素分別有哪些?動手測試并列出4條以上的特性區別
block: div h(1-6) p hr form ul dl ol pre table li dd dt tr td th
inline: em strong span a br img button input label select textarea code script
區別:
- 塊級元素可以設置寬高,行內元素不能。
- 塊級元素一個元素占一行,行內元素只占自身寬度。
- 塊級元素設置的padding和margin對上下都起作用,行內元素只有左右起作用,上下無效。
- 塊級元素可以包含塊級元素和行內元素,行內元素只能包含文本和行內元素。
2.什么是 CSS 繼承? 哪些屬性能繼承,哪些不能?
父元素的樣式對子元素仍然起作用,就是繼承。
可以繼承的:
font-size, font-family, color, line-height, text-align等
不可繼承的:
margin, padding, border, position, width等
3.如何讓塊級元素水平居中?如何讓行內元素水平居中?
塊級元素水平居中:
margin: apx auto;
行內元素水平居中:
text-align: center;
4.用 CSS 實現一個三角形
見編程作業。
5.單行文本溢出加 ...如何實現?
p{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
6.px, em, rem 有什么區別
px: 像素,固定單位。
em: 相對單位,相對于父元素字體大小
rem: 相對單位,相對于根元素(html)字體大小
7.解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
給body設置字體樣式,字體大小為12px,行高為1.5,后面五個為不同的字體,優先選擇最前面的字體,若是在第一字體無法使用則使用第二字體,以此類推。
加引號的原因是因為字體間有空格,中文字體也要加引號。
\5b8b\4f53為Unicode,對應的字體為宋體。