iframe與css基礎(chǔ)

iframe內(nèi)聯(lián)框架

• iframe的優(yōu)缺點(diǎn)：
  iframe的可以在一個(gè)頁(yè)面顯示多個(gè)窗口。但不利于seo。更適合用來(lái)寫后臺(tái)管理
• iframe制作的簡(jiǎn)單后臺(tái)
  

語(yǔ)義化標(biāo)簽

之前都是用div來(lái)進(jìn)行布局，使用id或class命名。如表示頭部：id=”header”；現(xiàn)在不用了直接header標(biāo)簽

<!--頁(yè)頭-->
<header><h1>&lt;header&gt;</h1></header>
<div class="container">
    <!--側(cè)邊欄-->
    <aside><h1>&lt;aside&gt;</h1></aside>
    <!--主體-->
    <main><h1>&lt;main&gt;</h1></main>
</div>
<!--頁(yè)腳-->
<footer><h1>&lt;footer&gt;</h1></footer>

&lt；>這是實(shí)體字符，頁(yè)面中原樣顯示，不會(huì)被瀏覽器解析。

css基礎(chǔ)

css是樣式。由規(guī)則，選擇器，聲明塊，屬性和值構(gòu)成。

1. 選擇器
   標(biāo)簽選擇器，屬性選擇器，id選擇器，類選擇器
2. 聲明塊
   由一對(duì){…}包住的內(nèi)容
3. 規(guī)則
   選擇器+聲明塊
4. 屬性和值
   寫在聲明塊中的名值對(duì)
   元素呈現(xiàn)的css樣式由選擇器決定，選擇器優(yōu)先級(jí)：
   id選擇器>類選擇器>屬性選擇器>標(biāo)簽選擇器
   注意：也可以強(qiáng)制執(zhí)行某個(gè)樣式，提權(quán) !important
   如：h1{color:red !important;}哪怕是標(biāo)簽選擇器，也可以執(zhí)行樣式

   元素樣式來(lái)源

   元素樣式的來(lái)源有四個(gè)：
   1.繼承的
   根據(jù)元素在文檔的結(jié)構(gòu)和層級(jí)關(guān)系來(lái)確定它最終的樣式
   2.瀏覽器的
   用戶代理樣式，大多數(shù)瀏覽瀏覽器表現(xiàn)基本一致
   3.自定義的
   寫到html文檔的style屬性中
   4.行內(nèi)樣式(內(nèi)聯(lián)樣式)
   寫到元素的style屬性中
   例如：
   
   打開瀏覽器開發(fā)者工具

從上到下分別是內(nèi)聯(lián)樣式，自定義樣式，瀏覽器定義樣式。優(yōu)先級(jí)也是從上到下！

小問(wèn)

1.html元素，標(biāo)簽和屬性之間的關(guān)聯(lián)與區(qū)別？
答：頁(yè)面中看到的內(nèi)容都是由元素組成，元素是由標(biāo)簽描述，標(biāo)簽根據(jù)元素類型分為雙標(biāo)簽和單標(biāo)簽。元素的特征是由屬性來(lái)描述，描述的屬性寫到起始標(biāo)簽中
2.為什么說(shuō)html是結(jié)構(gòu)化的文檔
答：html是一種具有語(yǔ)義的，結(jié)構(gòu)層次的標(biāo)記語(yǔ)言，瀏覽器根據(jù)標(biāo)簽來(lái)呈現(xiàn)內(nèi)容。標(biāo)簽一層一層的嵌套而形成一個(gè)龐大的目錄樹形結(jié)構(gòu)，層次分明，目錄清晰。
3.表單控件中的name屬性為什么非常重要？
答：form表單是為了提交表單而使用的，而后臺(tái)獲取表單中的內(nèi)容要依據(jù)name的值。通過(guò)name值來(lái)獲得用戶輸入的內(nèi)容
4.為什么現(xiàn)在都不再使用表格進(jìn)行頁(yè)面布局了？
答：第一點(diǎn)table必須在頁(yè)面完全加載后才顯示，沒有加載完畢前，table為一片空白。第二點(diǎn)表格布局不利于seo。
5.一個(gè)元素，最終呈現(xiàn)的樣式，由幾方面的因素決定的？
答：一個(gè)元素呈現(xiàn)的樣式，由內(nèi)聯(lián)樣式，自定義樣式，瀏覽器樣式，繼承樣式?jīng)Q定的，使用的優(yōu)先級(jí)也是逐漸遞減。

批改老師：天蓬老師

批改狀態(tài)：合格

老師批語(yǔ)：