- 塊級元素和行內(nèi)元素分別有哪些验烧？動手測試并列出4條以上的特性區(qū)別
- 塊級元素：h1,h2,h3,h4,h5,h6,p,div,form,table,tr,th,td,ul,li,ol,dl,dt,dd,br
- 行內(nèi)元素：span,em,a,imp,input,strong,br,select,button
特性區(qū)別： - 塊級元素不管內(nèi)容有多少會將區(qū)域占滿一整行灾馒，而行內(nèi)元素不會
- 塊級元素可以設(shè)置高度和寬度狡赐，而行內(nèi)元素不行
- 塊級元素設(shè)置margin,padding時(shí)盒模型正常擴(kuò)展唯蝶，而行內(nèi)元素設(shè)置margin,padding時(shí)盒模型只有左右正常擴(kuò)展晋修，上下的區(qū)域不擴(kuò)展桨啃，只有邊框和背景音樂可以應(yīng)用
- 塊級元素能包含塊級元素和行內(nèi)元素踩蔚，而行內(nèi)元素只能包含行內(nèi)元素
- 在有元素應(yīng)用了浮動樣式時(shí)，塊級元素正常布局禾嫉，而塊級元素內(nèi)的行內(nèi)元素在布局時(shí)會考慮浮動樣式胳喷，從而繞開它布局
- 什么是 CSS 繼承? 哪些屬性能繼承，哪些不能夭织？
CSS繼承指的是父元素應(yīng)用的某些樣式會“繼承”給子元素，使子元素具有同樣的樣式吠撮。顏色尊惰，字體，行高泥兰，文本樣式能繼承弄屡；邊框，內(nèi)外邊距無法繼承鞋诗。我認(rèn)為屬性繼承挺人性化的膀捷，很多時(shí)候你認(rèn)為它應(yīng)該能繼承，它就能繼承削彬，你任務(wù)它不應(yīng)該去繼承全庸，它就不繼承秀仲。 - 如何讓塊級元素水平居中？如何讓行內(nèi)元素水平居中?
塊級元素繼承：對塊級元素繼承：margin: 0 auto;
行內(nèi)元素繼承：對行內(nèi)元素的父元素使用：text-align: center; - 用 CSS 實(shí)現(xiàn)一個三角形
http://js.jirengu.com/qujitasuze/1/edit - 單行文本溢出加 ...如何實(shí)現(xiàn)?
white-space: nowrap; 這行代表超出文本不換行
overflow: hidden; 這行代表超出文本隱藏
text-overflow: ellipsis; 這行代表如果有超出文本用...顯示 - px, em, rem 有什么區(qū)別
- px就是最基本的設(shè)置像素
- em：x em對于font-size來說就是父元素字體大小的x倍壶笼，對于除了font-size的屬性來說就是當(dāng)前元素的字體大小的x倍
- rem：x rem指的是body元素字體大小的x倍
- 解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
說明body字體大小為12px神僵，行高為各元素字體大小的1.5倍，字體系列tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif從頭到尾依次選擇覆劈。
因?yàn)橛锌崭窨赡軙徽`認(rèn)為多種字體保礼，所以加上引號。
\5b8b\4f53是unicode碼责语，這樣寫防止外國人的電腦不適配或者編碼方式不同炮障，\5b8b\4f53翻譯成中文是黑體的意思。
