1解幼、CSS 指的是放仗?
Cascading Style Sheets
2润绎、在 HTML 文檔中,引用外部樣式表的正確位置是匙监?
<head>部分
3凡橱、 請(qǐng)判斷以下說法是否正確:如需定義元素內(nèi)容與邊框間的空間,可使用 padding 屬性亭姥,并可使用負(fù)值稼钩?
錯(cuò)誤。(margin可以达罗,padding不行)
4坝撑、如何產(chǎn)生帶有正方形項(xiàng)目的列表?
正確答案:list-style-type: square
5粮揉、下列哪個(gè)不屬于id與class之間的區(qū)別:
正確:id在文檔中只能使用一次巡李,而class可以多次使用
正確:id比class具有更高的樣式優(yōu)先級(jí)
正確:一個(gè)元素只能有一個(gè)id屬性值,卻可以擁有多個(gè)class屬性值
錯(cuò)誤:在class中可以定義:hover偽類扶认,在id中不能定義
解釋:在樣式表定義一個(gè)樣式的時(shí)候侨拦,可以定義id也可以定義class。
?1辐宾、在CSS文件里書寫時(shí)狱从,ID加前綴"#";CLASS用"."?
2叠纹、id一個(gè)頁面只可以使用一次季研;class可以多次引用。?
3誉察、ID是一個(gè)標(biāo)簽与涡,用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容,就象名字持偏,如果一個(gè)屋子有2個(gè)人同名驼卖,就會(huì)出現(xiàn)混淆;class是一個(gè)樣式鸿秆,可以套在任何結(jié)構(gòu)和內(nèi)容上款慨,就象一件衣服;?
4谬莹、從概念上說就是不一樣的:id是先找到結(jié)構(gòu)/內(nèi)容檩奠,再給它定義樣式桩了;class是先定義好一種樣式,再套給多個(gè)結(jié)構(gòu)/內(nèi)容埠戳。
6井誉、在不考慮H5的情況下,下列哪些值是可以作為標(biāo)簽的type屬性的屬性值。()
a. text
b. submit
c. button
d. date
答案:abc
以下 input 類型是 HTML5 中的新類型:color整胃、date颗圣、datetime、datetime-local屁使、month在岂、week、time蛮寂、email蔽午、number、range酬蹋、search及老、tel 和 url。
7范抓、CSS中的width屬性并不總是有效的骄恶,如果對(duì)象是inline對(duì)象,width屬性就會(huì)被忽略匕垫。
內(nèi)聯(lián)元素的高度僧鲁、寬度及頂部和底部邊距不可設(shè)置;元素的寬度就是它包含的文字或圖片的寬度象泵,不可改變寞秃。
8、innerHTML单芜、innerText、outerHTML
例子:<div id="test"><span style="color:red">test1</span>test2</div>
test.innerHTML:
也就是從對(duì)象的起始位置到終止位置的全部?jī)?nèi)容,包括Html標(biāo)簽犁柜。
上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”洲鸠。
test.innerText:
從起始位置到終止位置的內(nèi)容,?但它去除Html標(biāo)簽
上例中的text.innerTest的值也就是“test1?test2”,?其中span標(biāo)簽去除了。
test.outerHTML:
除了包含innerHTML的全部?jī)?nèi)容外,?還包含對(duì)象標(biāo)簽本身馋缅。
上例中的text.outerHTML的值也就是<div id="test"><span style="color:red"> test1 </span> test2 </div>
8扒腕、標(biāo)準(zhǔn)盒子模型和IE盒子模型
IE盒子模型和標(biāo)準(zhǔn)盒子模型都是由四個(gè)部分組成的:margin,border,padding,content這四個(gè)部分!S┿病瘾腰!
不同的是在標(biāo)準(zhǔn)盒子模型中content是一個(gè)獨(dú)立的部分不包含其他部分!覆履!但是在IE盒子模型中content包含了border,padding,是一個(gè)總體的概念LE琛费薄!
9、css中clear的作用栖雾?
clear : none | left | right | both.
對(duì)于CSS的清除浮動(dòng)(clear)楞抡,一定要牢記:這個(gè)規(guī)則只能影響使用清除的元素本身,不能影響其他元素析藕。
10召廷、
11、form表單中input元素的readonly與disabled屬性:
disabled指當(dāng) input 元素加載時(shí)禁用此元素账胧。input內(nèi)容不會(huì)隨著表單提交
readonly規(guī)定輸入字段為只讀竞慢。input內(nèi)容會(huì)隨著表單提交。
無論設(shè)置readonly還是disabled治泥,通過js腳本都能更改input的value
12筹煮、DHTML
DHTML實(shí)現(xiàn)了網(wǎng)頁從Web服務(wù)器下載后無需再經(jīng)過服務(wù)的處理,而在瀏覽器中直接動(dòng)態(tài)地更新網(wǎng)頁的內(nèi)容车摄、排版樣式和動(dòng)畫的功能寺谤。例如,當(dāng)鼠標(biāo)指針移到文章段落中時(shí)吮播,段落能夠變成藍(lán)色变屁,或者當(dāng)鼠標(biāo)指針移到一個(gè)超級(jí)鏈接上時(shí),會(huì)自動(dòng)生成一個(gè)下拉式子鏈接目錄等意狠。
包括:
①動(dòng)態(tài)內(nèi)容(DynamicContent):動(dòng)態(tài)地更新網(wǎng)頁內(nèi)容粟关,可“動(dòng)態(tài)”地插入、修改或刪除網(wǎng)頁的元件环戈,如文字闷板、圖像、標(biāo)記等院塞。
動(dòng)態(tài)排版樣式(Dynamic Style Sheets):W3C的CSS樣式表提供了設(shè)定HTML標(biāo)記的字體大小遮晚、字形、樣式拦止、粗細(xì)县遣、文字顏色、行高度汹族、加底線或加中間橫線萧求、縮排、與邊緣距離顶瞒、靠左右或置中夸政、背景圖片或顏色等排版功能,而“動(dòng)態(tài)排版樣式”即可以“動(dòng)態(tài)”地改變排版樣式榴徐。
13守问、置換元素
特殊的元素:如img|input|select|textarea|button|label等匀归,他們被稱為可置換元素。
他們區(qū)別一般inline元素(相對(duì)而言酪碘,稱non-replaced element)是:這些元素?fù)碛袃?nèi)在尺寸(intrinsic dimensions),他們可以設(shè)置width/height屬性朋譬。
他們的性質(zhì)同設(shè)置了display:inline-block的元素一致。
14兴垦、css屬性overflow屬性
參數(shù)是scroll時(shí)候徙赢,必會(huì)出現(xiàn)滾動(dòng)條。
參數(shù)是auto時(shí)候探越,子元素內(nèi)容大于父元素時(shí)出現(xiàn)滾動(dòng)條狡赐。
參數(shù)是visible時(shí)候,溢出的內(nèi)容出現(xiàn)在父元素之外钦幔。
參數(shù)是hidden時(shí)候枕屉,溢出隱藏。
15鲤氢、下面哪個(gè)屬性不會(huì)讓 div 脫離文檔流(normal flow)搀擂?答案c
position: absolute;
position: fixed;
position: relative;
float: left;
css的定位機(jī)制有三種,分別是1:文檔流卷玉,2:浮動(dòng)(float)哨颂,3定位(position)
文檔流的意義就是按照HTML里面的寫法就是從上到下,從左到右的排版布局;
A:position: absolute;
生成絕對(duì)定位的元素相种,相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位威恼;都絕對(duì)定位了,肯定脫離了文檔流寝并。箫措。
B:position: fixed;
生成絕對(duì)定位的元素,相對(duì)于瀏覽器窗口進(jìn)行定位;相對(duì)于瀏覽器了衬潦,也和正常順序排下來沒什么關(guān)系斤蔓。。
C:position: relative;
生成相對(duì)定位的元素镀岛,相對(duì)于其正常位置進(jìn)行定位弦牡。生成相對(duì)定位,也就是說還在原本的上下左右之間哎媚,上下左右的元素都不變喇伯,so這個(gè)沒有能脫離文檔流喊儡。拨与。就這個(gè)了
D:float: left;都浮動(dòng)出去了,還上哪保持原位置去
16艾猜、要運(yùn)用css3動(dòng)畫买喧,你需要運(yùn)用@keyframes規(guī)則 animation屬性
17捻悯、display: none 和 visibility:hidden
display: none;不為被隱藏的對(duì)象保留其物理空間淤毛;
visibility:hidden;所占據(jù)的空間位置仍然存在,僅為視覺上的完全透明今缚;
repaint(重繪) ,repaint發(fā)生更改時(shí)低淡,元素的外觀被改變姓言,且在沒有改變布局的情況下發(fā)生,如改變outline,visibility,background color蔗蹋,不會(huì)影響到dom結(jié)構(gòu)渲染何荚。
reflow(渲染),與repaint區(qū)別就是他會(huì)影響到dom的結(jié)構(gòu)渲染猪杭,同時(shí)他會(huì)觸發(fā)repaint餐塘,他會(huì)改變他本身與所有父輩元素(祖先),這種開銷是非常昂貴的皂吮,導(dǎo)致性能下降是必然的戒傻,頁面元素越多效果越明顯。
總結(jié):
display:none改變了dom的結(jié)構(gòu)蜂筹,所以產(chǎn)生了reflow visibility:hidden沒有改變dom結(jié)構(gòu)需纳,觸發(fā)repaint