塊級元素和行內元素分別有哪些支子？動手測試并列出4條以上的特性區(qū)別
- 塊級元素有: div h1 h2 h3 h4 h5 h6 p hr form ul dl ol pre table li dd dt tr td th
- 行內元素有: em strong span a br img button input label select textarea code script
塊級元素的特性:
- 單獨占一行
- 可以設置寬高
- 可以包涵行內元素和塊級元素
- margin 和panding ,塊級可以設置上下左右
行內元素的特性:
- 不會獨占一行，相鄰的行內元素會排列在同一行知道排不下為止晃酒。
- 寬高對行內元素設置無效
- 只能包含行內元素和文本
- margin 和 panding ,行內元素只能設置左右
什么是 CSS 繼承? 哪些屬性能繼承，哪些不能炼鞠？
- css繼承：設置父級元素少办，其子級元素的樣式會和父級元素一樣
- 不可繼承的：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。
- 所有元素可繼承：visibility和cursor盒音。
- 內聯(lián)元素可繼承：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。
- 終端塊狀元素可繼承：text-indent和text-align谒亦。
- 列表元素可繼承：list-style竭宰、list-style-type、list-style-position份招、list-style-image切揭。
如何讓塊級元素水平居中？如何讓行內元素水平居中?
塊級元素: margin: 0 auto;
行內元素: text-align: center;
單行文本溢出加 ...如何實現(xiàn)?
E {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
px, em, rem 有什么區(qū)別
- px:固定單位
- em: 相對單位锁摔，相對于父元素字體大小
- rem: 相對單位廓旬，相對于根元素(html)字體大小
