1.表單標簽(form)
專門用來進行用戶信息收集的一個標簽初婆，一般要結(jié)合表單相關(guān)的標簽來使用才有意義
表單相關(guān)標簽：input, select, textarea
主要提供form中子標簽的內(nèi)容的提交和重置
action屬性：提交路徑（接口）
method屬性：提交方式（post/get）
1.1.input標簽
input標簽是表單相關(guān)標簽蓬坡，可以在form標簽中使用，也可以單獨使用
input標簽會因為type的不同磅叛，功能就完全不一樣
name -- 用于區(qū)分不同的輸入框 / 提交（相當于字典的key）
1.文本輸入框 -- text (瀏覽器的搜索框，不能換行)
2)name -- 用于區(qū)分不同的輸入框 / 提交（相當于字典的key） --
要不要給name屬性賦值: 主要看：1）需不需要區(qū)分不同的內(nèi)容 2）需不需要提交這個input標簽的內(nèi)容
3)value -- value的一樣會跟type值的不同不一樣兆龙；但是表單提交的時候提交的都是value的值
value屬性 - 給這個屬性賦值是在設(shè)置輸入框的默認值紫皇，修改輸入框中的內(nèi)容坝橡，會改變value的值
通過name=value來提交數(shù)據(jù)給接口
- placeholder -- 輸入框為空的時候的默認顯示信息
5)maxlength -- 輸入框最多能輸入的內(nèi)容的長度
2.密碼輸入框 -- type='password'
a.value -- 給這個屬性賦值是在設(shè)置輸入框的默認值精置，修改輸入框中的內(nèi)容，會改變value的值
b.placeholder -- 輸入框為空的時候顯示默認信息
c.maxlength -- 輸入框最多能輸入的內(nèi)容的長度
3.單選 -- radio
a.name屬性：如果多個選項是一組數(shù)據(jù)必須保證她們的name屬性值一樣才能做到對個選項button
b.value屬性：不能顯示元莫，只能用于提交
c.checked屬性 - 給這個屬性賦值為checked讓按鈕處于默認選中狀態(tài)
補充：
可以通過將label的for屬性和按鈕的id屬性保持一致踱蠢，讓lable和input進行關(guān)聯(lián)
4.復(fù)選按鈕 -- checkbox
5.普通按鈕 - button
value屬性 -- 按鈕上顯示的內(nèi)容
補充：button標簽 -- 可以添加圖片
6.重置 -- reset
重置當前reset按鈕所在的form標簽中的所有的相關(guān)標簽的值
7.提交按鈕 - submit
以name=value值的方式提交當前form標簽的內(nèi)容
1.2. select標簽 - 整個下拉列表
option標簽 - 列表中的選項
optgroup - 一個列表選項分組茎截，通過label屬性來設(shè)置分組名
只是在顯示上分區(qū)赶盔，不影響提交結(jié)果
2.多行文本域 -- textarea
提供一個可以換行輸入的輸入框
rows屬性： 行數(shù)于未，影響輸入框德默認高度
cols屬性 - 列數(shù)，影響輸入框的高度
maxlength屬性 - 輸入的內(nèi)容長度
div標簽和span標簽都是無語義標簽抖坪，做標簽分組
使用div一般用于對網(wǎng)頁中的內(nèi)容分塊和分組
2.css
1.css又叫樣式表（層疊樣式表）擦俐，是web標準中的表現(xiàn)標準捌肴，專門用來針對網(wǎng)頁中內(nèi)容的布局和樣式
現(xiàn)在使用的是CSS3
2.怎么寫css
a.語法
選擇器{屬性1：值1藕咏；屬性2：值2}
b.說明
選擇器 {}- 選中需要設(shè)置樣式的標簽孽查；在內(nèi)聯(lián)樣式表中選擇需要省略
{} -- 固定寫法
屬性 --屬性是以‘冒號：屬性值’的形式成對出現(xiàn)坦喘。多個屬性之間用;隔開
值 -- 如果是數(shù)字表示大小瓣铣，數(shù)字后面必須加單位（px 像素 / em空格數(shù)）
顏色值：顏色的英文單詞；#十六進制的顏色值梦碗；RGB(R,G,B); rgba(r,g,b,a透明度)
rgb顏色：r-red(0-255) g-green(0-255) b-blue(0-255)
rgb(255,0,0) == #ff00000 == red
rgb(0,255,0) == #000000 == green
rgb(0,0,0) == #000000 ==black
rgb(255,255,255) == #fffffff = white
透明度 - 0(透明度) ~ 1（不透明）
3.寫在哪
1）內(nèi)聯(lián)樣式表：將樣式寫在標簽的style屬性中
只作用于一個固定的標簽
2）內(nèi)部樣式表：將樣式寫入style標簽中
作用于當前html文件中的標簽
3）外部樣式表：將樣式寫在css文件中印屁，然后在html中通過link標簽導入
作用于所有的html中的標簽
復(fù)用性：外部>內(nèi)部>內(nèi)聯(lián)
優(yōu)先級：內(nèi)聯(lián)樣式表的優(yōu)先級不管什么情況都是最高斩例；內(nèi)部和外部的優(yōu)先級看順序础钠，后寫的優(yōu)先級高
4.常見屬性
color -- 設(shè)置標簽中的字體顏色
background-color:設(shè)置標簽的背景顏色
font-size:字體大小
width:標簽寬度
height:標簽高度
1.什么是選擇器
通過選擇器選中標簽
2.選擇器的寫法
1）元素選擇器（標簽選擇器）
直接將標簽名作為選擇器，選擇當前html中對應(yīng)的所有標簽阵漏。
例如：a{} - 選中html中所有的a標簽
2）id選擇器
（所有標簽都有一個id屬性。值自己設(shè)置叹洲，但是要保證一個html中id的值唯一）
將標簽的id屬性的值前面加#作為選擇器运提，選中id屬性值是指定值的標簽
- 類選擇器（class選擇器）
將標簽的class屬性的值前面加.作為選擇器，選中class的屬性值時指定值的標簽
例如：.a -- 選中當前html中class值是a的所有標簽
4）通配符
將*作為選擇器栈妆，選中當前html中所有的標簽
5) 群組選擇器
將多個選擇器用逗號隔開來作為一個選擇器，選中每個獨立的選擇器對應(yīng)的標簽
p,a{} -- 選中所有的p標簽和a標簽
div, #a -- 選中所有的div標簽和id值是a的標簽
#p1, .c1, .c2 -- 選中id值是p1寥假，class值是c1和c2的標簽
6) 后代選擇器
將多個選擇器用空格隔開來作為一個選擇器
div p{} -- 選中所有div標簽中的p標簽
3.偽類選擇器
1.普通選擇器選中的是html中不同的標簽拾给；偽類選擇器選中的是標簽的不同狀態(tài)
2.語法
普通的選擇器：狀態(tài){屬性：屬性值；屬性：屬性值}
1)link - 初始狀態(tài)额衙，對于a標簽來說，link對應(yīng)的狀態(tài)是a標簽中的未打開狀態(tài)(一般只在a標簽中進行初始)
2)visited -- 超鏈接成功訪問過的狀態(tài)
3)hover -- 鼠標懸停在標簽上對應(yīng)的狀態(tài)（不止針對超鏈接伟件，其他標簽也一樣）
4)acctive -- 激活狀態(tài)，鼠標按住標簽不放對應(yīng)的狀態(tài)（主要作用在超鏈接和按鈕）
3.選擇器的權(quán)重
權(quán)重越大優(yōu)先級越高咧织， 內(nèi)聯(lián)樣式的優(yōu)先級最高
元素選擇器的權(quán)重：0001 == 1
class選擇器的權(quán)重：0010 == 2
id選擇器的權(quán)重：0010 ==4
偽類選擇器的權(quán)重：0001 == 1
群組選擇器的權(quán)重：看單獨每個選擇器的權(quán)重
后代選擇器的權(quán)重：所有選擇器的權(quán)重之和
