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
-特性:
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.塊級元素獨(dú)占一行漾根,而行內(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)元素水平居中?
- 塊級元素水平居中使用margin:0 auto;即可
- 行內(nèi)元素水平居中使用padding和text-align:center即可
5.用 CSS 實(shí)現(xiàn)一個三角形
6.單行文本溢出加 ...如何實(shí)現(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 這些字體中選擇 ; (若都不存在批什,則為瀏覽器默認(rèn)字體)
當(dāng)有空格或者Unicode碼時农曲,需要加引號;
\5b8b\4f53是字體的Unicode碼驻债,表示宋體乳规;