1.塊級元素和行內(nèi)元素分別有哪些?動(dòng)手測試并列出4條以上的特性區(qū)別
塊級元素:div预皇,h1吟温,h2,h3鲁豪,h4,h5治唤,h6糙申,p,form缕陕,ul疙挺,dl,li鹿榜,dd;
行內(nèi)元素:em,strong奥裸,span沪袭,a,img冈绊,button死宣,input,label毅该,select
區(qū)別:
1.塊級元素獨(dú)占一行眶掌,行內(nèi)元素排到同一行,直到一行排不下?lián)Q行朴爬;
2.塊級元素 可以設(shè)置寬高和margin召噩、padding,行內(nèi)元素設(shè)置寬高無效蚣常,寬度隨元素內(nèi)容變化痊银,行內(nèi)元素margin和padding上下無效左右有效溯革;
3.塊級元素可以包含行內(nèi)元素,行內(nèi)元素不能包含塊級冈闭;
4.塊級元素display:block抖单,行內(nèi)元素display:inline遇八,可以通過修改display屬性切換行內(nèi)元素和塊級元素耍休;
2.什么是 CSS 繼承? 哪些屬性能繼承,哪些不能斯够?
css繼承是設(shè)置父級元素樣式后喧锦,后背元素樣式和父級元素一樣,后輩元素繼承了父級元素樣式束亏。
能繼承的屬性:font-family供汛、font-weight、font-size雀久、line-height趁舀、color、text-align越庇、text-indent奉狈、word-spacing、text-transform
不能繼承的屬性:display桑驱、border跛蛋、margin、padding押框、width理逊、height、background兑徘、float、position扁掸、text-decoration最域、text-shadow、white-space牺蹄、content
3.如何讓塊級元素水平居中薄翅?如何讓行內(nèi)元素水平居中?
塊級元素水平居中:設(shè)置寬度翘魄,margin:0 auto;
行內(nèi)元素水平居中:text-align:center暑竟;
4.用 CSS 實(shí)現(xiàn)一個(gè)三角形
5.單行文本溢出加 ...如何實(shí)現(xiàn)?
6.px, em, rem 有什么區(qū)別
px:固定單位
em:相對單位罗岖,相對于父元素字體大小腹躁,隨父元素字體大小變化
rem:相對單位,相對于根元素(html)字體大小哑了,不會隨其他父元素字體大小變化
7.解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
body上的字體是12像素铐炫,行高是字體的1.5倍倒信,字體按順序找泳梆;引號是因?yàn)樽煮w中間有空格榜掌,避免當(dāng)成兩個(gè)字體乘综;字體里\5b8b\4f53代表宋體。