?html?meta標(biāo)簽
作用：
1設(shè)置字符集
<meta charset="UTF-8">
2設(shè)置網(wǎng)頁(yè)關(guān)鍵字? ? ? 需要寫(xiě)一個(gè)name‘? ? ’? ? ? content‘? ? ’? ? ? ? 多個(gè)關(guān)鍵字用址愿，分開(kāi)
<meta name="keywords" content="">
3指定網(wǎng)頁(yè)描述? ? ?不會(huì)影響排名
<meta name="description" content="">
4請(qǐng)求重定向? ? ? ? 實(shí)例：<meta http-equiv = 'refresh' content = ''5 ; url=http://www.baidu.com''/>表示五秒以后跳轉(zhuǎn)百度
語(yǔ)法規(guī)范
1? HTML中不區(qū)分大小寫(xiě)
2?html中的注釋不能嵌套
3標(biāo)簽要寫(xiě)完整
4所有內(nèi)容要寫(xiě)到跟標(biāo)簽(body)里 ，除了文檔聲明
4字結(jié)束標(biāo)簽? ??
<br>? ? ?h5語(yǔ)法規(guī)范
<br/>? XHTML語(yǔ)法規(guī)范
5?HTML標(biāo)簽?zāi)芮短孜脸溃遣荒芙徊媲短?/p>
正常嵌套：<p>不是所用離別都是<font color='red'>傷感的，例如下班</font></p>
交叉嵌套：<p>不是所用離別都是<font color='red'>傷感的含衔，例如下班</p></font>
內(nèi)聯(lián)框架
作用：引用一個(gè)外部框架
用<iframe></iframe>來(lái)引用
<iframe? src= '?相對(duì)路徑? ? '? width='? ?多寬'? ? height='? ?長(zhǎng)'? ? ? name=‘姓名’></iframe>
超鏈接
作用：從一個(gè)網(wǎng)頁(yè)跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)
<a? ?href = '?網(wǎng)頁(yè)地址'> </a>
<a? ?href = '?網(wǎng)頁(yè)地址' target = '_blank'> </a>
領(lǐng)開(kāi)啟一個(gè)網(wǎng)頁(yè)
從當(dāng)前頁(yè)面的跳轉(zhuǎn)到另一個(gè)頁(yè)面
<a? ?href = '?網(wǎng)頁(yè)地址' target = '_blank'> </a>
<iframe? src= '?相對(duì)路徑? ? '? width='? ?多寬'? ? height='? ?長(zhǎng)'? ? ? name=‘姓名’></iframe>
CSS
? 層疊樣式表 (Cascading Style Sheets)
?? css可以用來(lái)為網(wǎng)頁(yè)創(chuàng)建樣式表矾瘾，通過(guò)樣式表可以對(duì)網(wǎng)頁(yè)進(jìn)行裝飾。
? 所謂層疊巧婶，可以將整個(gè)網(wǎng)頁(yè)想象成是一層
一層的結(jié)構(gòu)乾颁，層次高的將會(huì)覆蓋層次低的涂乌。
?? 而css就可以分別為網(wǎng)頁(yè)的各個(gè)層次設(shè)置樣式。
? CSS的樣式表由一個(gè)一個(gè)的樣式構(gòu)成英岭，一個(gè)樣式又由選擇器和聲明塊構(gòu)成湾盒。
? 語(yǔ)法：
– 選擇器 {樣式名:樣式值；樣式名:樣式值 ; }
– p {color:red ; font-size:12px;}
內(nèi)部樣式表
? 可以直接將樣式寫(xiě)到<style>標(biāo)簽中诅妹。
<style? type='text/css'>
? ??p{color:red; font-size: 30px;}
<style>
內(nèi)聯(lián)樣式
<p style=''>?休息休息</p>?只對(duì)這個(gè)p標(biāo)簽有用
外部樣式表
? 可以將所有的樣式保存到一個(gè)外部的css文
件中罚勾，然后通過(guò)<link>標(biāo)簽將樣式表引入
到文件中。
用<link rel='文件名' type='text/css'? href ='指定文件目錄'
CSS語(yǔ)法
注釋?zhuān)?*? ? ? ? ?*/
選擇器? ? ? 聲明快
開(kāi)發(fā)工具
IDE
塊和內(nèi)聯(lián)
塊元素：獨(dú)占一行
div? ? p? ? h1~h6? ? ul? ?li
內(nèi)聯(lián)元素：(行內(nèi)元素)
a? ? ?img? ? iframe? ? span??
<a></a>?可以包含任意元素
<p></p>不能包含塊元素
選擇器
選擇器（selector）吭狡，會(huì)告訴瀏覽器：網(wǎng)頁(yè) 上的哪些元素需要設(shè)置什么樣的樣式尖殃。
比如：p這個(gè)選擇器就表示選擇頁(yè)面中的所 有的p元素，在選擇器之后所設(shè)置的樣式會(huì) 應(yīng)用到所有的p元素上划煮。
元素選擇器
元素選擇器（標(biāo)簽選擇器）送丰，可以根據(jù)標(biāo) 簽的名字來(lái)從頁(yè)面中選取指定的元素。
語(yǔ)法：
標(biāo)簽名 { }
比如p則會(huì)選中頁(yè)面中的所有p標(biāo)簽弛秋，h1會(huì) 選中頁(yè)面中的所有h1標(biāo)簽器躏。
類(lèi)選擇器
類(lèi)選擇器，可以根據(jù)元素的class屬性值選 取元素蟹略。
語(yǔ)法：
.className { }
比如.hello會(huì)選中頁(yè)面所有class屬性為
hello的元素登失。
ID選擇器
ID選擇器，可以根據(jù)元素的id屬性值選取 元素挖炬。
語(yǔ)法：
#id { }
比如#box會(huì)選中頁(yè)面中id屬性值為box的 元素揽浙，和class屬性不同，id屬性是不能重 復(fù)的茅茂。
群組選擇器（并集選擇器）
群組選擇器捏萍，可以同時(shí)使用多個(gè)選擇器， 多個(gè)選擇器將被同時(shí)應(yīng)用指定的樣式空闲。
語(yǔ)法：
選擇器1,選擇器2,選擇器3 { }
比如p,.hello,#box會(huì)同時(shí)選中頁(yè)面中p元素令杈，
class為hello的元素，id為box的元素碴倾。
通用選擇器
通用選擇器逗噩，可以同時(shí)選中頁(yè)面中的所有 元素。
語(yǔ)法：
*{ }
復(fù)合選擇器（交集選擇器）
復(fù)合選擇器跌榔，可以同時(shí)使用多個(gè)選擇器异雁， 這樣可以選擇同時(shí)滿(mǎn)足多個(gè)選擇器的元素。
語(yǔ)法：
– 選擇器1選擇器2{}
例如div.box1會(huì)選中頁(yè)面中具有box1這個(gè)
class的div元素僧须。
后代選擇器
后代選擇器可以根據(jù)標(biāo)簽的關(guān)系纲刀，為處在 元素內(nèi)部的代元素設(shè)置樣式。
語(yǔ)法：
祖先元素 后代元素 后代元素 { }
比如p strong 會(huì)選中頁(yè)面中所有的p元素 內(nèi)的strong元素担平。
子元素選擇器
子元素選擇器可以給另一個(gè)元素的子元素 設(shè)置樣式示绊。
語(yǔ)法：
父元素 > 子元素{}
比如body > h1將選擇body子標(biāo)簽中的所 有h1標(biāo)簽锭部。
偽類(lèi)和偽元素
有時(shí)候，你需要選擇本身沒(méi)有標(biāo)簽面褐，但是 仍然易于識(shí)別的網(wǎng)頁(yè)部位拌禾，比如段落首行 或鼠標(biāo)滑過(guò)的連接。CSS為他們提供一些選 擇器：偽類(lèi)和偽元素展哭。
有四個(gè)偽類(lèi)可以讓你根據(jù)訪(fǎng)問(wèn)者與該鏈接的交 互方式湃窍，將鏈接設(shè)置成4種不同的狀態(tài)。
正常鏈接
a:link
訪(fǎng)問(wèn)過(guò)的鏈接
a:visited（只能定義字體顏色）
鼠標(biāo)滑過(guò)的鏈接
a:hover
正在點(diǎn)擊的鏈接
a:active
偽元素
首字母
:first-letter
首行
:first-line
