HTML
1.表單標(biāo)簽（form）
- 表單標(biāo)簽一般用來做用戶信息收集，單獨(dú)用沒有用辖众，一般是結(jié)合相關(guān)標(biāo)簽來使用（例如：input，select和敬，textarea）凹炸。
屬性：
action：提交位置（接口相關(guān)）
method：請(qǐng)求方式（get/post）
格式：
<form
action=""method="get">
<form>
2.input標(biāo)簽
這是一個(gè)單標(biāo)簽
>type屬性：
決定輸入框的樣式
text（默認(rèn)）--- 普通的文本輸入框
name屬性：
這個(gè)屬性主要用來區(qū)分?jǐn)?shù)據(jù)的。
value屬性：
單標(biāo)簽中的value相關(guān)雙標(biāo)簽的內(nèi)容昼弟；但是value值只能是文本啤它。
設(shè)置value屬性其實(shí)就是設(shè)置輸入框中默認(rèn)顯示的內(nèi)容；修改內(nèi)容其實(shí)是在修改value值私杜。
placehodler屬性：
占位符（提示信息）
maxlength屬性：
最多輸入字符個(gè)數(shù)
注意：提交數(shù)據(jù)的時(shí)候以name=value的形式提交
3.type的屬性值
text --- 普通的文本輸入框
password --- 密碼輸入框
radio --- 單選按鈕
checkbox --- 復(fù)選按鈕
button --- 普通按鈕
submit --- 提交按鈕
reset --- 重置按鈕
其他類型：
color蚕键，file救欧，date
補(bǔ)充：讓文字和按鈕關(guān)聯(lián)衰粹，文字用label標(biāo)簽顯示，設(shè)置for屬性的值為想要關(guān)聯(lián)的按鈕的id的值笆怠，這樣做铝耻，點(diǎn)擊文字和點(diǎn)擊按鈕的效果一樣。
4.button標(biāo)簽
<button><img src="img/luffy.jpg"/></button>
1.下拉列表（菜單）
- select標(biāo)簽：代表整個(gè)下拉列表
- option標(biāo)簽：代表列表中的每個(gè)選項(xiàng)
可以通過設(shè)置selected屬性的值為"selected"蹬刷，來讓這個(gè)選項(xiàng)默認(rèn)選中
-optgroup標(biāo)簽：設(shè)置label的值來對(duì)當(dāng)前下拉菜單的內(nèi)容進(jìn)行分組
2.多行文本域
textarea標(biāo)簽 - 輸入框瓢捉，可以同時(shí)顯示多行內(nèi)容(可以自動(dòng)換行和上下滾動(dòng))
name屬性 - 區(qū)分和提交
rows - 行數(shù)（不滾動(dòng)最多能顯示的行數(shù)，影響輸入框的高度）
cols - 列數(shù) (一行顯示的文字的數(shù)量办成， 影響輸入框的寬度)
placeholder - 占位符
maxlength - 限制輸入的文字的個(gè)數(shù)
標(biāo)簽之間的文字：顯示在輸入框中內(nèi)的默認(rèn)文字
1.div和span標(biāo)簽
div和span都是無語(yǔ)義標(biāo)簽：網(wǎng)頁(yè)中內(nèi)容分組分塊都可以使用div作為容器泡态。
html中標(biāo)簽分類：行內(nèi)標(biāo)簽、塊級(jí)標(biāo)簽
塊級(jí)標(biāo)簽：一個(gè)占一行迂卢，例如：div某弦、h1桐汤、p、列表,table靶壮、tr怔毛、form， option...
行內(nèi)標(biāo)簽：一行顯示多個(gè)腾降，例如：span拣度、font、td螃壤、input抗果、select、textarea...
CSS基礎(chǔ)
1.什么是CSS（層疊樣式表奸晴，簡(jiǎn)稱樣式表）
CSS是web標(biāo)準(zhǔn)中的表現(xiàn)標(biāo)準(zhǔn)窖张，主要用來設(shè)置網(wǎng)頁(yè)內(nèi)容的布局和樣式
2.怎么寫CSS（語(yǔ)法）
a.語(yǔ)法
選擇器{屬性名1：屬性值1；屬性名2：屬性值2···}
b.說明
選擇器 --- 選中想要設(shè)置樣式的標(biāo)簽
{} --- 固定寫法
屬性 --- 屬性名和屬性值用冒號(hào)連接蚁滋，多個(gè)屬性之間用分號(hào)分開（如果沒有分號(hào)宿接，會(huì)導(dǎo)致后面的樣式無效）
注意：屬性名必須是CSS提供的屬性（大概200多個(gè)）
屬性值：表示大小的數(shù)值必須加單位，px---像素辕录，em---空格數(shù)睦霎，也可以使用百分比（相對(duì)父標(biāo)簽）%100，%80
c.常用屬性
color --- 字體顏色
background-color --- 背景顏色
font-size --- 字體大小
width --- 寬度
height --- 高度
3.CSS寫在哪兒
a.內(nèi)聯(lián)樣式表：將樣式表寫在標(biāo)簽的style屬性中走诞；注意副女，這種樣式表不需要寫"選擇器{}"，直接給屬性賦值蚣旱。
b.內(nèi)部樣式表：將樣式表寫在style標(biāo)簽中（這個(gè)標(biāo)簽可以放在head中碑幅，也可以放在body中）
c.外部樣式表：將樣式表寫在一個(gè)CSS文件中，然后在head中通過link導(dǎo)入
注意：內(nèi)聯(lián)樣式表不管在什么情況下塞绿，優(yōu)先級(jí)都是最高的沟涨。內(nèi)部樣式和外部樣式，誰(shuí)后寫异吻，誰(shuí)的優(yōu)先級(jí)高裹赴。
4.CSS中的值
顏色：顏色的英文單詞、#16進(jìn)制顏色值诀浪、rgb（紅棋返、綠、藍(lán)）雷猪、rgba（紅睛竣、綠、藍(lán)求摇、透明度）射沟；透明度范圍0-1
5.外部樣式表的使用方法
link標(biāo)簽 - 導(dǎo)入外部文件
rel屬性 - 導(dǎo)入的文件的作用, stylesheet->樣式表, icon->網(wǎng)頁(yè)圖標(biāo)
type屬性 - 導(dǎo)入的文件的類型說明, 類型/文件后綴
text/css - 導(dǎo)入一個(gè)文件嫉你，文件后綴是css
href屬性 - 文件路徑
在一個(gè)html網(wǎng)頁(yè)中，導(dǎo)入另一個(gè)html文件的樣式表：
<link rel="stylesheet" type="text/css" href="css/CSS基礎(chǔ).css"/>
設(shè)置網(wǎng)頁(yè)圖標(biāo)：
<link rel="icon" type="image/ico" href="img/aaa.ico"/>
選擇器
1.元素原則器（選中標(biāo)簽）
直接將標(biāo)簽名作為選擇器躏惋，選中所有指定標(biāo)簽幽污。
例如：div{}，p{}簿姨，a{}···
2.id選擇器
將標(biāo)簽的id屬性值前面加#作為選擇器距误，選中id屬性值是指定的值的標(biāo)簽。
注意：一個(gè)頁(yè)面中id值要唯一（不同標(biāo)簽的id值不一樣）
例如：#p2{}
3.class選擇器（類選擇器）
將標(biāo)簽的class屬性值前面加.作為選擇器扁位，選中所有class屬性值是指定值的標(biāo)簽准潭。
注意：一個(gè)標(biāo)簽可以有多個(gè)class值，多個(gè)class值用空格隔開
例如：.c1{}
4.*（通配符）
直接將*作為選擇器域仇，選中當(dāng)前頁(yè)面中所有的標(biāo)簽刑然。
例如：*{}
5.群組選擇器
將多個(gè)選擇器用逗號(hào)隔開作為一個(gè)選擇器，選中每個(gè)單獨(dú)的選擇器選中的所有標(biāo)簽暇务。
例如：
a,p{} --- 選中所有的a標(biāo)簽和p標(biāo)簽
＃p1,div{} --- 選中id是p1的標(biāo)簽和所有的div標(biāo)簽
.c1,#p1,a{} --- 選中所有class值是c1泼掠，id值是p1的標(biāo)簽和所有a標(biāo)簽
6.層級(jí)選擇器（后代選擇器）
將多個(gè)選擇器用空格隔開作為一個(gè)選擇器，按層級(jí)選中最后一個(gè)選擇器中的標(biāo)簽垦细。
例如：
div .c1{} --- 選中所有在div標(biāo)簽中的择镇，class是c1的標(biāo)簽
.c1 .c2 #d1{} --- 選中class是c1的標(biāo)簽中的class是c2的標(biāo)簽中的id是d1的標(biāo)簽。
7.選擇器的權(quán)重
不同的選擇器的權(quán)重值不一樣括改，權(quán)重值越大優(yōu)先級(jí)越高腻豌。在權(quán)重相同的時(shí)候，誰(shuí)后寫誰(shuí)優(yōu)先級(jí)就高嘱能。
注意：不管什么情況吝梅，內(nèi)聯(lián)樣式優(yōu)先級(jí)最高。
權(quán)重（都是二進(jìn)制）：
通配符：0001（1）
元素選擇器：0001（1）
class選擇器：0010（2）
id選擇器：0100（4）
群組選擇器：分開看每個(gè)選擇器的權(quán)重
后代選擇器：用空格分開的所有選擇器權(quán)重之和
偽類選擇器
普通選擇器是選中某一個(gè)標(biāo)簽惹骂，偽類選擇器是選中標(biāo)簽?zāi)撤N狀態(tài)苏携。
1.語(yǔ)法
普通選擇器：狀態(tài){}
2.創(chuàng)建狀態(tài)
a.link --- 初始狀態(tài)（對(duì)于a標(biāo)簽來說，初始狀態(tài)指的是標(biāo)簽對(duì)應(yīng)的地址沒有成功訪問的時(shí)候）
b.visited --- 訪問后的狀態(tài)（一般針對(duì)a標(biāo)簽有效）
c.hover --- 鼠標(biāo)懸停在標(biāo)簽上的時(shí)候?qū)?yīng)的狀態(tài)
d.active --- 鼠標(biāo)按住標(biāo)簽不放的時(shí)候?qū)?yīng)的狀態(tài)析苫。
注意：1.狀態(tài)前不是只能寫元素選擇器兜叨，更不是只能寫a標(biāo)簽。2.需要遵守‘愛恨’原則衩侥，即LoVeHAte的順序。
