一.塊級元素和行內(nèi)元素分別有哪些?
塊級元素:p、div、table、ul、li、form、dl、dt、tr、ol、dl
行內(nèi)元素:img、a、input、lable、select、textarea、video、audio、span
區(qū)別:1.塊級單獨占一行,行內(nèi)元素則不行,會和其他行內(nèi)元素在同一行顯示
2.塊級元素能設(shè)置寬高,行內(nèi)元素不行,
3.塊級元素里面可以包含塊級和行內(nèi)元素,行內(nèi)元素只能包含文本和行內(nèi)元素
4.塊級元素可以設(shè)置內(nèi)外邊距,行內(nèi)元素則不行,行內(nèi)元素其寬度隨著內(nèi)容增加,高度隨字體大小而改變,內(nèi)聯(lián)元素可以設(shè)置外邊界,但是外邊界不對上下起作用,只能對左右起作用
二.什么是css繼承?哪些屬性能繼承,哪些不能。
- css繼承就是給父元素添加的樣式,其子元素也能使用。
2.能繼承的屬性:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction、list-style、list-style-type、list-style-position、list-style-image、text-indent和text-align
3.不能繼承的屬性:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。
三.如何讓塊級元素居中?如何讓行內(nèi)元素水平居中?
1.塊級元素居中:給其添加margin: 0 auto;
2.行內(nèi)元素居中:給其父元素添加text-align:center屬性
四.用CSS視線一個三角形。
只給div添加一條邊框?qū)傩?,邊框的厚度調(diào)大一點,然后將div的高寬設(shè)置為0。
五.單行文本溢出加.......如何實現(xiàn)?
給包含文本屬性的標簽添加下列屬性:
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
六.px em rem有什么區(qū)別?
px:絕對單位,1px大小為一個像素
em:相對單位,相當于其父元素的字體大小
rem:相對單位,相對于根元素(html)字體大小
七.解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
作用:給body里面的字體設(shè)置大小、行高、字體樣式
因為中間有空格,不加引號會被識別成兩個元素。數(shù)字符號表示的是字體的編號。\5b8b\4f53代表宋體。