表單標(biāo)簽和input標(biāo)簽
1.表單標(biāo)簽
這個(gè)標(biāo)簽是作為一個(gè)容器奸柬，來(lái)收集和提交這個(gè)標(biāo)簽中的其他相關(guān)標(biāo)簽的數(shù)據(jù)。一般不會(huì)單獨(dú)使用健提。
action屬性：設(shè)置提交路徑（接口）
method：設(shè)置請(qǐng)求方式（post疏橄，get）
2.input標(biāo)簽
input標(biāo)簽可以單獨(dú)使用，也可以和form配合使用
type屬性：這個(gè)值不一樣奶浦，input的功能就不一樣
text兄墅，password
name：對(duì)輸入的內(nèi)容進(jìn)行說(shuō)明，提交數(shù)據(jù)的時(shí)候以name：value的形式進(jìn)行提交澳叉，
name值會(huì)作為發(fā)送請(qǐng)求的參數(shù)名察迟，value就是參數(shù)值
value：指向的就是文本框輸入的內(nèi)容
placeholder:提示信息
maxlength：輸入的最大長(zhǎng)度
3.單選：radio
name:同一類信息的name需要設(shè)置成一樣的值，才能做到耳高。選擇其中一個(gè)讓別的取消選中
checked:默認(rèn)選中
4.復(fù)選：checkbox
5.下拉菜單：select>option
6.普通按鈕：button
type:button
value：設(shè)置按鈕上的文字
button標(biāo)簽
7.提交按鈕
type:submit
8.重置標(biāo)簽
type：reset
可以將當(dāng)前form標(biāo)簽中所有的標(biāo)簽的值設(shè)置為初始狀態(tài)的值
<form action="" method="post">
用戶名<input type="text" name="username" placeholder="姓名"/><br />
密碼<input type="password" name="password" placeholder="密碼"/><br />
電話<input type="text" name="tel" placeholder="電話"/><br />
<input type="radio" name='sex' value="boy" checked="true"/>男
<input type="radio" name="sex" value="girl" />女<br />
<input type="color" name="" id="" value="" />
<input type="submit" value="提交" />
</form>
下拉菜單和多行文本域
多行文本域:textarea
輸入的內(nèi)容可以顯示多行
rows：設(shè)置一屏最多能顯示的行數(shù)
cols:設(shè)置一行能顯示最大的列數(shù)
<form action="" method="get">
<select name="ABC">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
</select>
<select name="">
<optgroup label="四川"></optgroup>
<option value="">成都</option>
<option value="">綿陽(yáng)</option>
<optgroup label="云南"></optgroup>
<option value="">昆明</option>
<option>玉溪</option>
</select>
<input type="submit" name="" id="" value="提交" />
<textarea name="" rows="5" cols=""></textarea>
div和span
div和span標(biāo)簽都是無(wú)語(yǔ)意的標(biāo)簽扎瓶，一般用來(lái)對(duì)網(wǎng)頁(yè)中的標(biāo)簽進(jìn)行分組和分塊使用
一個(gè)div獨(dú)占一行，多個(gè)span可以在一行
css基礎(chǔ)
1.什么是css
css就是web標(biāo)準(zhǔn)中的表現(xiàn)標(biāo)準(zhǔn)泌枪，專門用來(lái)對(duì)網(wǎng)頁(yè)標(biāo)簽進(jìn)行布局和設(shè)置樣式的一門語(yǔ)言
目前一般使用css3概荷，css又叫樣式表
2.css基本語(yǔ)法
結(jié)構(gòu)：
選擇器{屬性：屬性值；屬性2：屬性值2...}
說(shuō)明：
選擇器：用來(lái)選中/確定需要設(shè)置樣式的標(biāo)簽
屬性：必須是css提供的屬性
屬性值：根據(jù)屬性賦不同的值碌燕。如果屬性是數(shù)字误证，后面必須加單位。例如：px（像素）修壕、em（空格）
css中的顏色值：顏色的英文單詞愈捅，顏色對(duì)應(yīng)的6位十六進(jìn)制值，RGB(R慈鸠，G蓝谨，B)，rbga(r,g,b,alpha)
屬性和屬性值之間用冒號(hào)隔開青团。多個(gè)屬性用分號(hào)隔開譬巫；屬性的順序除特殊情況外是任意的
3.在哪寫css代碼
內(nèi)聯(lián)樣式：寫在標(biāo)簽的style屬性 --只對(duì)一個(gè)標(biāo)簽有效
內(nèi)部樣式：寫在head的style標(biāo)簽中 -- 只對(duì)當(dāng)前HTML文件有效
外部樣式：寫在外部的css問價(jià)中，通過(guò)link導(dǎo)入 -- 可以作用于所有的html
內(nèi)聯(lián)樣式優(yōu)先級(jí)最高督笆，內(nèi)部樣式和外部樣式誰(shuí)后寫芦昔，誰(shuí)的優(yōu)先級(jí)高
css選擇器
選擇器{屬性1:屬性值1...}
選擇器 -- 選中需要添加樣式的標(biāo)簽
常用的選擇器：元素選擇器，id選擇器娃肿，class選擇器咕缎，群組選擇器珠十，父子選擇器，通配符
1.元素選擇器：
將標(biāo)簽作為選擇器
2.id選擇器：
將id屬性的值作為選擇器
3.class選擇器：
將class屬性的值作為選擇器
4.群組選擇器：
多個(gè)選擇器用逗號(hào)隔開凭豪，同時(shí)選中所有選擇器對(duì)應(yīng)的標(biāo)簽
5.父子選擇器：
多個(gè)選擇器用空格隔開作為一個(gè)選擇器宵睦，按順序依次往后找，找到最后一層選擇器對(duì)應(yīng)的標(biāo)簽
6.通配符：
將*作為選擇器
偽類選擇器
偽類選擇器是選中某個(gè)標(biāo)簽的不同的狀態(tài)墅诡】呛浚可以給不同狀態(tài)設(shè)置不同的樣式
1.link
標(biāo)簽:link{} - 選中的是初始狀態(tài)(a標(biāo)簽中的網(wǎng)址一次都沒有訪問成功的狀態(tài))
例如：a:link{}; p:link{}; #a1:link{}
2.visited:訪問后的狀態(tài)
3.hover:鼠標(biāo)懸停在標(biāo)簽是對(duì)應(yīng)的狀態(tài)
4.active:鼠標(biāo)按住沒有放開的效果
注意：使用偽類選擇器的時(shí)候要遵守愛恨原則(LoVeHAte),如果不遵守可能會(huì)導(dǎo)致某些狀態(tài)的樣式無(wú)效
選擇器的優(yōu)先級(jí)：權(quán)重值越大，優(yōu)先級(jí)越高
內(nèi)聯(lián)樣式 > id > class > 元素選擇器 = 偽類選擇器
1000 ? ? ? ? ? ? ? ? 0100 ? ? ? 0010 ? ? ? ? ? 0001 ? ? ? ? ? ? ? ? ? ? ? ? 0001
群組選擇器權(quán)重：?jiǎn)为?dú)看每個(gè)選擇器的權(quán)重
父子選擇器權(quán)重：所有的選擇器權(quán)重之和
<style type="text/css">
a{
transition: all, 0.5s;
}
a:link{
color: red;
}
a:visited{
color: green;
}
a:hover{
font-size: 20px;
}
a:active{
color: deepskyblue;
}
</style>
