1.塊級元素和行內元素分別有哪些棉圈?動手測試并列出4條以上的特性區(qū)別涩堤?
塊級元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
行內元素:span, strong, em, br, img , input, label, select, textarea
區(qū)別1:塊級元素獨占一行,行內元素的長度就是內容的長度分瘾。
區(qū)別2:塊級元素可以設置寬高胎围,行內元素不能設定寬和高。
區(qū)別3:塊級元素可以包含行內元素德召,但行內元素不能包含塊級元素
區(qū)別四:行內元素設置margin會失效白魂,設置padding有效但不能撐開父級元素的高度。
什么是 CSS 繼承? 哪些屬性能繼承福荸,哪些不能肴掷?
CSS繼承,就是指父元素中設置的屬性台夺,能夠繼承到子孫元素痴脾。
能繼承的屬性有:
所有元素可繼承: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迅办。
表格元素可繼承:border-collapse
無法繼承的屬性有:
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。
就我看來琼稻,越是具體的屬性越無法繼承饶囚,作用到單體元素的也無法繼承鸠补。
3如何讓塊級元素水平居中莫鸭?如何讓行內元素水平居中?
塊級元素居中:margin:0横殴,auto
行內元素居中text-align: center;
4.用 CSS 實現(xiàn)一個三角形
5.單行文本溢出加 ...如何實現(xiàn)?
px, em, rem 有什么區(qū)別
px:固定尺寸
em:相對于父元素的尺寸倍數(shù)
rem:相對于根元素(body)的尺寸倍數(shù)
通常用后面兩個單位梨与,用于移動端的適配文狱。
7.解釋下面代碼的作用?為什么要加引號? 字體里\5b8b\4f53代表什么?
字體大小為12px
字體行高為1.5倍字體大小
字體可在tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif 這些字體中選擇(若都不存在瞄崇,則為瀏覽器默認字體)
當有空格或者Unicode碼時,需要加引號
\5b8b\4f53是字體的Unicode碼等浊,表示黑體