1.塊級(jí)元素和行內(nèi)元素分別有哪些莉掂?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別
塊級(jí)元素:div,h1~h6库正,p厘唾,hr,form抚垃,ul,dl铣焊,ol罕伯,pre,table坟募,li邑狸,dd,dt 昂利,r届腐,td蜂奸,th
行內(nèi)元素:em 扩所,strong 朴乖,span ,a袁勺, br ,img 期丰,button 吃挑,input ,label ,select ,textareacode ,script
特性區(qū)別:
- 塊級(jí)元素獨(dú)占一整行埠通,行內(nèi)元素只占自身寬度
- 塊級(jí)元素可包含塊級(jí)元素和行內(nèi)元素逛犹,行內(nèi)元素只能包含文字和行內(nèi)元素
- 行內(nèi)元素設(shè)置margin和padding上下無(wú)效,
- 塊級(jí)元素可以定義寬高,行內(nèi)元素的寬高不能自定義
2. 什么是css繼承掠手?哪些屬性能繼承狸捕?哪些不能?
css繼承就是子元素繼承父元素的css樣式屬性
能繼承的屬性:
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
不能繼承的屬性:
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.如何讓塊級(jí)元素居中?如何讓行內(nèi)元素水平居中精算?
塊級(jí)元素居中:margin:0 auto行內(nèi)元素居中:text-align : center
4.用 CSS 實(shí)現(xiàn)一個(gè)三角形
5.單行文本溢出加 ...如何實(shí)現(xiàn)?
6.px, em, rem 有什么區(qū)別
- px是固定單位驮履,像素單位鱼辙,1px即1像素倒戏;準(zhǔn)確設(shè)置像素大小
- em是相對(duì)單位恐似,相對(duì)于父元素所設(shè)置的字體大小,1em為父元素大小的1倍
- rem相對(duì)單位葛闷,rem是基于根元素,HTML決定rem的大小淑趾。例如瀏覽器的默認(rèn)字體為12px忧陪,則1rem=12px;不受其他影響。
7.解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
代碼作用:body設(shè)置字體大小為12px延蟹,行高為字體大小的1.5倍叶堆,字體按優(yōu)先級(jí)從高到低為tahoma,arial蹂空,Hiragino Sans GB,宋體上枕,sans-serif。
兩個(gè)單詞的字體用引號(hào)棋恼,防誤認(rèn)為兩個(gè)字體
斜杠數(shù)字是以十六進(jìn)制形式的字體Unicode碼(打開瀏覽器控制臺(tái)锈玉,輸入escape可查看16進(jìn)制碼)