前端常見面試題(十五)

目錄:

1,link和import的區(qū)別

2,HTML5為什么只需要寫<!

3,doctype作用,標(biāo)準(zhǔn)模式和兼容模式有什么區(qū)別

4,請(qǐng)寫出html5新增的API

5,CSS優(yōu)先級(jí)算法如何計(jì)算?

一:link和import的區(qū)別

始終建議使用link,慎用@import

從屬關(guān)系

1:link:link是HTML提供的標(biāo)簽,不僅可以加載CSS,還可以定義rel等屬性

2:@import:@import是css提供的語法,只有導(dǎo)入樣式表的作用

加載順序

1,link:link在頁面加載時(shí)CSS同時(shí)被加載

2,@import:引入的CSS要等頁面加載完畢后再加載

二:HTML5為什么只需要寫<!DOCTYPE HTML>?

1,DTD的是W3C所發(fā)布的一個(gè)文檔類型定義,簡單的說,就是告訴瀏覽器你的這個(gè)HTML,是根據(jù)那個(gè)標(biāo)準(zhǔn)寫的,解析的時(shí)候用哪個(gè)標(biāo)準(zhǔn)解析。,

2,HTML5 不基于 SGML,因此不需要對(duì)DTD進(jìn)行引用,但是需要doctype來規(guī)范瀏覽器的行為(讓瀏覽器按照它們應(yīng)該的方式來運(yùn)行);

3,而HTML4.01基于SGML,所以需要對(duì)DTD進(jìn)行引用,才能告知瀏覽器文檔所使用的文檔類型。

三:CSS優(yōu)先級(jí)算法如何計(jì)算?

CSS優(yōu)先級(jí)分為兩個(gè)部分,一部分是引入優(yōu)先級(jí),第二部分是聲明樣式的優(yōu)先級(jí)。

1,引入樣式優(yōu)先級(jí):

外部樣式 | 內(nèi)部樣式 < 內(nèi)聯(lián)樣式

2,聲明樣式優(yōu)先級(jí)

!important > 內(nèi)聯(lián) > ID選擇器 > [class|屬性|偽類]選擇器 > 元素選擇器 > 通配符選擇器 > 繼承

:link、:visited、:hover、:active按照LVHA(LoVe HAte)順序定義


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,120評(píng)論 1 92
  • link和@import的區(qū)別 始終建議使用link,慎用@import 從屬關(guān)系 link:link是HTML提...
    郝晨光閱讀 1,048評(píng)論 0 5
  • 請(qǐng)參看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,761評(píng)論 2 19
  • 一、理論基礎(chǔ)知識(shí)部分 1.1、講講輸入完網(wǎng)址按下回車,到看到網(wǎng)頁這個(gè)過程中發(fā)生了什么 a. 域名解析 b. 發(fā)起T...
    我家媳婦蠢蠢噠閱讀 3,244評(píng)論 2 106
  • 紅顏幾度改, 世事何須猜。 內(nèi)心靜如水, 不再惹塵埃。
    輝煌Ad098閱讀 226評(píng)論 5 18

友情鏈接更多精彩內(nèi)容