表單標(biāo)簽

表單標(biāo)簽
表單標(biāo)簽一般用來(lái)做用戶信息收集案腺，單獨(dú)用沒(méi)有一般冶忱，一般是結(jié)合相關(guān)標(biāo)簽來(lái)使用（input糕档、select点寥、textarea）

action：提供位置（接口相關(guān)）
method：請(qǐng)求方式（get/post）

input
單標(biāo)簽
（1）type屬性：
決定輸入框的樣式
text（默認(rèn)） - 普通的文本輸入框
（2）name屬性：
這個(gè)屬性主要用來(lái)區(qū)分?jǐn)?shù)據(jù)。提交的時(shí)候是以那么name==value的形式提交
（3）value屬性：
單標(biāo)簽中的value相關(guān)雙標(biāo)簽內(nèi)容场钉；但是value值只能是文本
設(shè)置value屬性其實(shí)就是設(shè)置輸入框中默認(rèn)顯示的內(nèi)容蚊俺；修改value值

1.text普通文本輸入框
placeholder - 占位符（提示信息）
maxlength - 最多輸入字符個(gè)數(shù)

2.讓文字和按鈕關(guān)聯(lián)
文字用label標(biāo)簽顯示，設(shè)置for屬性的值為想要關(guān)聯(lián)的按鈕的id的值
這樣做逛万，點(diǎn)擊文字和點(diǎn)擊按鈕的效果一樣

3.radio單選按鈕
name - 同組數(shù)據(jù)對(duì)應(yīng)的name值設(shè)置成一樣泳猬，才能做到單選
value - 這的value只是用于數(shù)據(jù)提交，不能提交
checked - 設(shè)置為checked讓按鈕處于默認(rèn)選中狀態(tài)

4.checkbox：復(fù)選按鈕
name - 同一組數(shù)據(jù)的name值要一樣
value - 這的value只是用于數(shù)據(jù)提交宇植，不能提交

5.button：普通按鈕
value - 對(duì)應(yīng)的值會(huì)顯示在按鈕上

6.submit：提交按鈕
這個(gè)按鈕的點(diǎn)擊事件是將當(dāng)前所在的from標(biāo)簽中得封，設(shè)置了name屬性相關(guān)的標(biāo)簽的數(shù)據(jù)以'name=value'的形式提交

7.reset
這個(gè)按鈕的點(diǎn)擊事件是將當(dāng)前所在的form標(biāo)簽中，所有標(biāo)簽設(shè)置成初始狀態(tài)

下拉列表和多行文本域

1.下拉列表（菜單）
select標(biāo)簽 - 代表整個(gè)下拉列表
option標(biāo)簽 - 代表列表中的每個(gè)選項(xiàng)
           可以通過(guò)設(shè)置selected屬性的值為"selected"指郁，來(lái)讓這個(gè)選項(xiàng)默認(rèn)選中
optgroup標(biāo)簽 - 設(shè)置label的值來(lái)對(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ù)（一行顯示的文字?jǐn)?shù)量闲坎，影響輸入框的高度）
placeholder - 占位符
naxlength - 限制輸入文字的個(gè)數(shù)

div和span

1.div和span都是無(wú)語(yǔ)標(biāo)簽：網(wǎng)頁(yè)中內(nèi)容分組很快疫粥，都可以使用div作為容器
2.html中標(biāo)簽分類：行內(nèi)標(biāo)簽、塊級(jí)標(biāo)簽
塊級(jí)標(biāo)簽：一行占一行腰懂，liru：div,h1,p,列表,table,tr,from,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)库糠，主要用來(lái)設(shè)置網(wǎng)頁(yè)內(nèi)容的樣式和布局

2.怎么寫css（語(yǔ)法）
a.語(yǔ)法
選擇器{屬性名1：屬性值1，屬性名2：屬性值2......}

b.說(shuō)明
選擇器 - 選中想要設(shè)置樣式的標(biāo)準(zhǔn)
{}  - 固定寫法
屬性 - 屬性名和屬性值用冒號(hào)連接涮毫，多個(gè)屬性之間用分號(hào)分開(kāi)（如果沒(méi)有分號(hào)，就會(huì)導(dǎo)致后面的樣式無(wú)效）
    屬性名必須是css提供的屬性（大概兩百多個(gè)）
   屬性值：表示大小的數(shù)值必須加單位贷屎，px - 像素罢防，em - 空格數(shù)；也可以使用百分比100%

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中通過(guò)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


外部樣式表
link標(biāo)簽 - 導(dǎo)入外部文件
rel屬性 - 導(dǎo)入的文件的作用的妖，stylesheet - >樣式表绣檬，icon ->網(wǎng)絡(luò)圖標(biāo)
type屬性 - 導(dǎo)入的文件的類型說(shuō)明，類型/文件后綴
          text/css  - 導(dǎo)入一個(gè)文件羔味，文件后綴是css
href屬性 - 文件路徑

選擇器

選擇器（選中標(biāo)簽）
1.元素選擇器（標(biāo)簽選擇器）
直接將標(biāo)簽名作為選擇器河咽，選中所有指定標(biāo)簽
例如：div{},p{},a{}....

2.id選擇器
將標(biāo)簽的id屬性值前加#作為選擇器，選中id屬性值是指定的值的標(biāo)簽
注意：一個(gè)頁(yè)面中id值要唯一（不同標(biāo)簽得到id值不一樣）

3.class選擇器（類選擇器）
將標(biāo)簽的class屬性值前面加.作為選擇器赋元，選中class屬性值是指定的值的標(biāo)簽
例如：.c1{}

4.*（通配符）
直接將*作為選擇器忘蟹，選中當(dāng)前頁(yè)面中所有的標(biāo)簽
例如：*{}

5.群組選擇器
將多個(gè)選擇器用逗號(hào)隔開(kāi)作為一個(gè)選擇器，選中每個(gè)單獨(dú)的選擇器選中的所有標(biāo)簽
例如：a,p{}
   #p1,div{}
   .c1,#p1,a{}

6.層級(jí)選擇器（后代選擇器）
將許多選擇器用空格隔開(kāi)作為一個(gè)選擇器搁凸，按層級(jí)選中最后一個(gè)選擇器選中的標(biāo)簽
例如：div .c1{}
    .c1 .c2 #d1{}

7.選擇器的權(quán)重
不同的選擇器的權(quán)重值不一樣媚值，權(quán)重值越大的優(yōu)先級(jí)越高，在權(quán)重相同的時(shí)候护糖，誰(shuí)后寫誰(shuí)優(yōu)先級(jí)高
不管什么情況褥芒，內(nèi)聯(lián)樣式優(yōu)先最高
元素選擇器 ： 0001（1）
class選擇器 ：0010 （2）
id選擇器：0100  （4）
通配符： 0001 （1）
群組選擇器：分開(kāi)看每個(gè)選擇器的權(quán)重
后代選擇器：用空格分開(kāi)的所有選擇器權(quán)重之和

偽類選擇器

普通選擇器是選中某一個(gè)標(biāo)簽，偽類選擇器是選中標(biāo)簽?zāi)撤N狀態(tài)
1.語(yǔ)法：
普通選擇器：狀態(tài){}

2.常見(jiàn)狀態(tài)
a.link - 初始狀態(tài)（對(duì)于a標(biāo)簽來(lái)說(shuō)嫡良，初始狀態(tài)指的是標(biāo)簽對(duì)應(yīng)的地址沒(méi)有成功訪問(wèn)多的時(shí)候）
b.visited - 訪問(wèn)后的狀態(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)前不是只能寫元素選擇器锰扶，公布會(huì)只寫在a標(biāo)簽
     2.需要遵守愛(ài)恨yuanze，"LoVeHAte"