1 HTML字符實(shí)體

某些特殊的字符需將其轉(zhuǎn)化為字符實(shí)體博其，才能在html中顯示迂猴。

2 全局屬性

3 Meta 元信息

數(shù)據(jù)的數(shù)據(jù)信息荒椭。元信息不會(huì)顯示在客戶端，但是會(huì)被瀏覽器解析趣惠。

<!-- 字符集編碼 -->
<meta charset="utf-8">

<!-- 網(wǎng)頁關(guān)鍵字 -->
<meta name="keywords" content="8-12個(gè)以英文逗號(hào)隔開的單詞/詞語">
                               
<!-- 網(wǎng)頁描述信息 -->
<meta name="discription" content="80字以內(nèi)的一段話味悄，與網(wǎng)站內(nèi)容相關(guān)">

<!-- 頁面 每10秒 刷新 -->
<meta http-equiv="refresh" content="10">

<!-- 頁面 10秒后 跳轉(zhuǎn)到 http://www.atguigu.com -->
<meta http-equiv="refresh" content="10,url=http://www.atguigu.com">

4 CSS基本語法

4.1 CSS與HTML的關(guān)系

CSS 樣式作用在 HTML 元素上（一個(gè)標(biāo)簽就是一個(gè)元素）。

4.2 HTML元素樹

根據(jù) HTML 元素的書寫位置唐片，描述元素與元素之間的關(guān)系，與元素名（標(biāo)簽名）無關(guān)茧球。有：

父元素星持、子元素督暂、祖先元素、后代元素饥努、兄弟元素

4.3 在 HTML 中使用 CSS

注意：CSS 的語法與 HTML 的不同肪凛，如":"和";" -->

① 行內(nèi)式

給 HTML 元素設(shè)置 style 屬性伟墙，把 CSS 代碼寫在 HTML 元素的 style 屬性值中滴铅。

缺點(diǎn)：只能給一個(gè)元素設(shè)置樣式，較少用拱烁。

<p style="color:red;width:200px;"></p><!-- CSS 的語法與 HTML 的不同戏自，如":"和";" -->

② 內(nèi)嵌式

將 CSS代碼寫在 style 標(biāo)簽中伤锚，style 標(biāo)簽建議放在 head 標(biāo)簽中屯援。

優(yōu)點(diǎn)：1、可同時(shí)給多個(gè)元素設(shè)置樣式弯淘；2吉懊、將 HTML 代碼和 CSS 代碼區(qū)分開來，各自在各自的地方态鳖，邏輯更清晰郁惜。

<style>
    p {
        color:red;
        width:200px;
    }
</style>

③ 外鏈?zhǔn)?/h4>

將 CSS 代碼寫在 CSS 文件中甲锡，再在 HTML 文件中用 link 標(biāo)簽關(guān)聯(lián)該 CSS 文件，link 標(biāo)簽建議放在 head 標(biāo)簽中缤沦。

/* CSS文件 */
p {
    color:red;
    width:200px;
}

<!-- HTML文件-->
<link rel="stylesheet" herf="CSS文件的地址">

4.4 CSS基本語法結(jié)構(gòu)

① 行內(nèi)式的語法結(jié)構(gòu)

<標(biāo)簽名 style="CSS屬性:值; CSS屬性:值; CSS屬性:值; "></標(biāo)簽名>

② 內(nèi)嵌式和外鏈?zhǔn)降恼Z法結(jié)構(gòu)

/*標(biāo)簽名包蓝、id屬性企量、class屬性都可以作為選擇器*/
選擇器 {   
    CSS屬性：值；/*一條聲明*/
    CSS屬性：值届巩；
    CSS屬性：值恕汇；
    CSS屬性：值瘾英；
}/*一個(gè)聲明塊*/

/*緊湊寫法*/
選擇器 {CSS屬性: 值; CSS屬性: 值; CSS屬性: 值; CSS屬性: 值;}

選擇器： 用于選擇到要設(shè)置樣式的元素。

聲明塊： 選擇器后面的大括號(hào)但惶，稱之為一個(gè)聲明塊湿蛔。聲明塊由一條一條的聲明組成。

聲明： 一條聲明就是一個(gè)樣式妓肢；聲明必須用分號(hào)結(jié)尾碉钠； 聲明由CSS屬性和該屬性的值組成。

③ HTML 屬性 和 CSS 屬性的區(qū)別

<!-- 使用 HTML 元素的屬性設(shè)置寬高 -->
<img src="dog.jpg" alt="dog" width="400" height="300">

<!-- 使用 CSS 元素的屬性設(shè)置寬高 -->
<img src="dog.jpg" alt="dog" style="width:400px; height:300px;">

4.5 CSS的層疊性

使用不用選擇器祝高，使用不同設(shè)置方式（內(nèi)嵌工闺、行內(nèi)陆蟆、外鏈）對(duì)某個(gè)元素所設(shè)置的樣式叠殷，最終都會(huì)作用在該元素上林束。

4.6 CSS注釋

/* CSS 注釋 */

/*
CSS 多行注釋    
CSS 多行注釋    
CSS 多行注釋    
*/