- 塊級元素和行內元素分別有哪些千扔？動手測試并列出4條以上的特性區(qū)別
- 塊級元素(block-level)：div h1 h2 h3 h4 h5 h6 p hr form ul dl ol pre table li dd dt tr td th
-
行內元素(inline-level):em span strong a鏈接 br img button input label select textarea code script
image.png - 塊級元素占據(jù)整行空間憎妙，行內元素占據(jù)自身得高度寬度
- 塊級元素可以設置寬高，行內元素不能設置
- 塊級元素可以包含行內元素曲楚，行內元素只能包含文本和行內
- 塊級元素可以調整margin和padding厘唾，行內元素只能調整左右的margin和padding，不能調整上下的margin和padding洞渤。
- 什么是 CSS 繼承? 哪些屬性能繼承阅嘶，哪些不能？
- CSS得屬性可以向下繼承载迄，子元素可以繼承父元素得屬性讯柔。
- color，font可以繼承
- border护昧，margin魂迄，padding不可繼承
- 如何讓塊級元素水平居中？如何讓行內元素水平居中?
- 塊級元素水平居中：margin：0 auto
- 行內元素水平居中：在父元素設置text-align:center
-
用 CSS 實現(xiàn)一個三角形
image.png -
單行文本溢出加 ...如何實現(xiàn)?
white-space:nowrap
overflow:hidden
text-overflow:ellipsis
image.png - px, em, rem 有什么區(qū)別
- px固定單位惋耙，像素
- em相對單位捣炬，相對于父元素字體大小
- rem相對單位，相對于根元素字體大小
- 解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
body{ font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; }
- 頁面字體大小為12px绽榛，行高為1.5倍湿酸，后面為字體得優(yōu)先級，選擇順序
- 加引號因為中間有空格灭美，不加會被當作兩種字體
- \5b8b\4f53代表宋體
