一. 塊級(jí)元素和行內(nèi)元素分別有哪些汰蓉?動(dòng)手測(cè)試并列出4條以上的特性區(qū)別
塊級(jí)元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
行內(nèi)元素:span, strong, em, br, img , input, label, select, textarea, cite,
- 塊級(jí)元素可以獨(dú)占一行,行內(nèi)元素,水平排列您朽。
- 塊級(jí)元素可以包含塊級(jí)元素和行內(nèi)元素寇荧,而行內(nèi)元素只能包含內(nèi)元素和文本
- 塊級(jí)元素可以設(shè)置寬高庐橙,margin、padding这吻,都會(huì)正常顯示
4, 行內(nèi)元素設(shè)置寬高無(wú)效,margin上下無(wú)效篙议,padding上下唾糯,只是撐開(kāi)了border(如果有border的話),但并不會(huì)撐開(kāi)本身父元素的大小 padding左右正常涡上。
二. 什么是 CSS 繼承? 哪些屬性能繼承趾断,哪些不能?
每個(gè) CSS 屬性定義的概述都指出了這個(gè)屬性是默認(rèn)繼承的還是默認(rèn)不繼承的吩愧。當(dāng)元素的一個(gè)繼承屬性 (inherited property )沒(méi)有指定值時(shí)芋酌,則取父元素的同屬性的計(jì)算值,這就是繼承雁佳。
color font list letter-spacing text-align text-indent 顏色脐帝、文本等屬性可以繼承。
border是典型不能繼承的屬性糖权,還有display 堵腹、float 、background星澳、padding疚顷、margin等屬性,都是不能繼承的。
三. 如何讓塊級(jí)元素水平居中腿堤?如何讓行內(nèi)元素水平居中?
塊級(jí)元素水平居中阀坏,可以設(shè)置 margin: 0 auto;
行內(nèi)元素水平居中,可以設(shè)置 text-align: center
四. 用 CSS 實(shí)現(xiàn)一個(gè)三角形
五. 多行文本溢出加...
如何實(shí)現(xiàn)?
JSBin演示多行文本溢出加…
,因?yàn)閱涡形谋疽绯黾?code>…笆檀,overflow忌堂,white-space,text-overflow大家都知道
六. px, em, rem 有什么區(qū)別
都是尺寸單位:
- px是像素酗洒;
- em相對(duì)于當(dāng)前元素默認(rèn)尺寸士修,1.5em,表示如果原本尺寸是16px樱衷,則現(xiàn)在是乘以1.5因子棋嘲,=24px;
- rem是相對(duì)于根元素html的尺寸矩桂,只需要確定根元素即可封字,唯一參照。
七. 解釋下面代碼的作用?為什么要加引號(hào)? 字體里\5b8b\4f53代表什么?
首先f(wàn)ont是字體相關(guān)的屬性設(shè)置耍鬓,
12px/5阔籽,表示字體高度是12px,行高是字體高度的1.5倍牲蜀,這是種簡(jiǎn)略寫(xiě)法笆制。
后面的字體,代表了5種字體涣达,瀏覽器挨個(gè)查找在辆,如果第一個(gè)沒(méi)有找到,就類推找第二個(gè)度苔,如果都沒(méi)有匆篓,就使用默認(rèn)字體。
加引號(hào)寇窑,是因?yàn)椴捎弥形幕蛘哂⑽淖煮w有空格時(shí)鸦概,不加引號(hào)就會(huì)導(dǎo)致瀏覽器不能識(shí)別,或者理解為多個(gè)字符甩骏;
里面的數(shù)字窗市,代表Unicod編碼,全球通用饮笛,最保險(xiǎn)咨察。