1、第一關(guān)css元素選擇器，什么是CSS樣式？

CSS優(yōu)點(diǎn)和缺點(diǎn)優(yōu)點(diǎn)：1，CSS對(duì)于設(shè)計(jì)者來說是一種簡單、靈活、易學(xué)的工具，能使任何瀏覽器都聽從指令，知道該如何顯示元素及其內(nèi)容2，個(gè)樣式表可以用于多個(gè)頁面，甚至整個(gè)站點(diǎn)，因此具有更好的易用性和擴(kuò)展性3，使用CSS樣式表定義整個(gè)站點(diǎn)，可以大大簡化網(wǎng)站建設(shè)，減少設(shè)計(jì)者的工作量缺點(diǎn)：瀏覽器支持的不一致性

2.CSS

沒有父層選擇器3.不能明確地指定繼承性4.垂直控制的局限 5.顯示的缺乏6.缺乏正交性

2、css3和css一樣嗎？

CSS3是CSS的子集，CSS3是最新的標(biāo)準(zhǔn)，提供了很多好用的新屬性，提升了網(wǎng)頁的表現(xiàn)性。

CSS3提供了更好用的選擇器

最新的CSS3中，對(duì)偽類、偽元素選擇器做了嚴(yán)格的規(guī)范。有了偽類后，不用在div標(biāo)簽里面添加額外的元素完成一些DOM操作，可以通過::before,::after完成，代碼簡潔明了。對(duì)于鼠標(biāo)的操作，也可以通過::hover等類似的操作完成。非常高效。還有::first–child等類似的選擇器去操作子元素。

CSS3使動(dòng)畫效果越來越方便

css3里面通過animation來完成動(dòng)畫，設(shè)置@keyframes即可，一些輕量級(jí)的動(dòng)畫不必再通過js完成。

CSS3完成圓角、陰影美化更方便

以前的css完成類似的功能只能通過圖片做背景，現(xiàn)在只需要border-radius、boxshadow即可。非常高效簡潔。

CSS3提供了全新的盒模型

這個(gè)特性十分有用。原來的盒模型width=content.+border+padding。你規(guī)定了width.每次都要自己計(jì)算，現(xiàn)在有了boder-box不用這么麻煩了。

CSS3的flex布局是最強(qiáng)大的

IE已死，不需要再考慮它的兼容性！！！用flex布局，節(jié)省很多時(shí)間，節(jié)省的時(shí)間可以學(xué)很多東西，而不是浪費(fèi)時(shí)間去適應(yīng)落后的ie！！！

還有很多好用的css3特性，這個(gè)版本提供了巨大的生產(chǎn)力！！！很感謝它，期待下一個(gè)grid布局～

以上是我的看法～

3、css怎么設(shè)置？

包括：直接在標(biāo)簽內(nèi)設(shè)置、在html內(nèi)部定義style、和導(dǎo)入css文件三種方式。

導(dǎo)入css文件可以使用link標(biāo)簽，或者@import關(guān)鍵字。

兩者區(qū)別（復(fù)制粘貼）：

1.從屬關(guān)系區(qū)別

@import是 CSS 提供的語法規(guī)則，只有導(dǎo)入樣式表的作用；link是HTML提供的標(biāo)簽，不僅可以加載 CSS 文件，還可以定義 RSS、rel 連接屬性等。

2.加載順序區(qū)別

加載頁面時(shí)，link標(biāo)簽引入的 CSS 被同時(shí)加載；@import引入的 CSS 將在頁面加載完畢后被加載。

3.兼容性區(qū)別

@import是 CSS2.1 才有的語法，故只可在 IE5+ 才能識(shí)別；link標(biāo)簽作為 HTML 元素，不存在兼容性問題。

4.DOM可控性區(qū)別

可以通過 JS 操作 DOM ，插入link標(biāo)簽來改變樣式；由于 DOM 方法是基于文檔的，無法使用@import的方式插入樣式。

4、hover用法？

在CSS中hover用于選擇鼠標(biāo)指針浮動(dòng)在上面的元素，語法“標(biāo)簽選擇器:hover{樣式代碼;}”，用法：1、直接在懸浮元素上改變樣式；2、改變子元素的樣式；3、改變同級(jí)元素的樣式；4、改變就近元素的樣式等。

在CSS中有個(gè)hover屬性，當(dāng)鼠標(biāo)移上去的時(shí)候可以將其激活，它可以用來實(shí)現(xiàn)類似于js的一些功能。