1.塊級元素和行內(nèi)元素分別有哪些?
塊級元素:div,h1~h6,table,form,header, footer,nav,ul,li,ol,dl。。。。。
行內(nèi)元素:a,input,span,i,img,strong, select。。。。。
2.動手測試并列出4條以上的特性區(qū)別。
| 塊級元素 | 行內(nèi)元素 |
|---|---|
| 沒有設(shè)置寬度的情況下,默認占據(jù)一整行 | 內(nèi)容有多寬,我就有多寬 |
| 可以隨便設(shè)置寬高 | 不可以 |
| 隨便設(shè)置padding,margin | padding和margin只可以設(shè)置左右 |
| 可以包裹塊級元素,行內(nèi)元素 | 我只能包裹文本,和行內(nèi)元素 |
3.什么是 CSS 繼承? 哪些屬性能繼承,哪些不能?
CSS繼承,就是子元素繼承了父元素的屬性。
| 能繼承 | 不能繼承 |
|---|---|
| letter-spacing | height |
| word-spacing | min-height |
| white-space | max-height |
| line-height | width |
| color | min-width |
| font | max-width |
| font-style | float |
| font-family | position |
| text-align | overflow |
| text-indent | vertical-align |
| font-weight | clear |
| 等等等等 | 等等等等 |
4.如何讓塊級元素水平居中?如何讓行內(nèi)元素水平居中?
塊級元素水平居中:margin:0 auto;
行內(nèi)元素水平居中:text-align:center;
5.單行文本溢出加.......如何實現(xiàn)?
E{
white-space:nowrap;
overflow:hidden;
text-overflow;
}
6.px, em, rem 有什么區(qū)別
- px:固定尺寸;
- em: 相對于當(dāng)前對象內(nèi)文本的字體尺寸
- rem: 相對于HTML的相對大小
7.解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
1.設(shè)置body字體大小為12px,行高是字體1.5倍的像素值,后面則是第一到第五字體,用逗號隔開,如果第一個你電腦沒有,則運行第二個。
2.加引號是因為,字體間有空格,這樣會識別為不同的兩個單詞,所以加空格。
3.字體那些代碼代表“宋體”

Paste_Image.png
ps:在瀏覽器console里輸入escape("你想要的字體編碼"),就能出現(xiàn)像想要的代碼
記住將%u改成/。