一扬霜、表單標簽
<!--
1谱轨，表單標簽： <form action="" method="">
這個標簽作為一個容器，來收集和提交這個標簽和其他標簽的數(shù)據(jù)，一般不會單獨使用
action屬性： 設(shè)置提交路徑（接口）
method屬性： 設(shè)置請求方式（post/get）
-->
<form action="" method="get">
</form>
<!--
? 2，input標簽 ---- 單標簽
可單獨使用缸榛，也可以和form配合使用
type屬性： 這個值不一樣，input功能就不一樣兰伤。text内颗，
? -->
<!--
a，文本輸入框敦腔，text? ? 或 密碼輸入框均澳，password
type = text? ? 或 password
name： 隨便命名，用來對輸入內(nèi)容進行說明。
? 提交數(shù)據(jù)時以name：value形式找前，name作為發(fā)送請求的參數(shù)糟袁，value為值
value： 指向文本輸入框中的內(nèi)容
palceholder： 占位符（提示信息）
maxlength： 限制輸入框的做大字符個數(shù)
-->
<input type="text" name="uername" id="" value="張三" placeholder="輸入用戶名" />
<p>
<input type="text" name="tel" id="" value="" placeholder="輸入用戶名電話" />
<p></p>
<input type="password" name="" />
<!--
b，單選按鈕
type： radio
name： 同一類信息躺盛，name需要設(shè)置同一個值项戴，單選
value： 需要設(shè)置值，提交時 提交選中按鈕的值和意義颗品，傳參
checked： 設(shè)置 默認選中狀態(tài)
-->
<p>性別</p>
<input type="radio" name="sex" id="" value="男" checked="checked"/>男
<input type="radio" name="sex" id="" value="女" />女
<input type="radio" name="sex" id="" value="人妖" />人妖
<!--
c肯尺，復(fù)選按鈕
type： checkbox
name： 同一類信息沃缘，name需要設(shè)置同一個值躯枢，多選
value： 需要設(shè)置值，提交時 提交選中按鈕的值和意義
checked： 設(shè)置 默認選中狀態(tài)
? -->
<p>愛好</p>
<input type="checkbox" name="hobby" id="" value="羽毛球" />羽毛球
<input type="checkbox" name="hobby" id="" value="跑步" />跑步
<input type="checkbox" name="hobby" id="" value="健身" />健身
<input type="checkbox" name="hobby" id="" value="游泳" />游泳
<input type="checkbox" name="hobby" id="" value="徒步" />徒步
<!--
d槐臀，普通按鈕
? value： 設(shè)置按鈕上的文字
? 禁用屬性： disabled = “disabled”
? -->
? <p>點我啊</p>
? <input type="button" name="" id="" value="點我啊"? disabled = “disabled”/>
<!--
e锄蹂，提交按鈕
? type： submit
? 可以自動提交當前form中所有設(shè)置了name屬性的標簽的值
? -->
? <input type="submit"? />
? <!--
? f，重置標簽
? type： reset
? 可以將當前form標簽內(nèi) 所有標簽設(shè)置的初始值
? -->
? <input type="reset" / />
? <!--
禁用屬性： disabled = “disabled”
-->
二水慨、下拉菜單
1得糜，下拉菜單：select
name： 提交時來區(qū)分不同的數(shù)據(jù)
value： 提交時提交的具體數(shù)據(jù)
內(nèi)容： 顯示部分（只能是文字）
selected： 設(shè)置默認選中
-->
2，多行文本域 textarea
輸入的內(nèi)容 可以多顯示
rows： 設(shè)置一屏能顯示幾行
cols： 設(shè)置顯示的列數(shù)
內(nèi)容： 相當于value
-->
3晰洒、
<!--
div和span標簽都是無語義的標簽朝抖。一般來對網(wǎng)頁的標簽進行分組和分塊用
一個div占一行，? 多個span可以占一行
-->
三谍珊、css基礎(chǔ)
<!--
1治宣，什么是css
css 標準，是web表現(xiàn)標準砌滞。專門用來對網(wǎng)頁標簽進行布局和設(shè)置樣式的一門語言侮邀。
目前用css3，又叫樣式表
常用css屬性
color
顏色值：a,顏色英語單詞贝润，b,#顏色值對應(yīng)的6位16進制值(#ff0000)绊茧，c,rgb(r，g打掘，b);rgba(r华畏，g，b,alpha),alpha透明度0-1尊蚁，0代表透明
background-color
width
height
2唯绍，基本語法
選擇器{屬性： 屬性值； 屬性2： 屬性值2枝誊； ...}
說明： 選擇器： 用來選中/確定需要設(shè)置樣式的標簽
? {}: 固定寫法
? 屬性： css支持/提供的屬性况芒，大約200多個
? 屬性值： 根據(jù)屬性賦值的不同，如屬性的只是用來表示大小數(shù)字，后必須加單位绝骚，例耐版，px（像素），em（空格）
? 屬性和屬性值之間用冒號隔開压汪，多個屬性用分號隔開粪牲，除特殊情況 屬性間無序
3，在哪寫css
內(nèi)聯(lián)樣式： 將樣式表寫在標簽的style內(nèi)
內(nèi)部樣式： 將樣式表寫在head中的style標簽
外部樣式： 將樣式表寫在外部的css文件中止剖，然后在head中通過link標簽（導(dǎo)入外部文件的標簽）導(dǎo)入
內(nèi)聯(lián)優(yōu)先級最高腺阳，內(nèi)部外部后寫的 覆蓋先寫的
特點，用哪種：
內(nèi)聯(lián)--只對一個標簽有效
內(nèi)部--只作用當前 html 有效
外部--作用于所有導(dǎo)入的 html文件
<!--? link標簽
link標簽： 導(dǎo)入外部文件
rel屬性： 說明導(dǎo)入文件的功能穿香，stylesheet（添加樣式表）亭引，icon（設(shè)置網(wǎng)頁圖標）
type屬性： 對導(dǎo)入文件類型說明：文件后綴、類型
href屬性： 導(dǎo)入文件地址
-->
四皮获、選擇器
<!--
常用選擇器：
元素焙蚓、id、class選擇器洒宝、群組购公、父子選擇器、通配符
1雁歌，元素選擇器： 將標簽名作為選擇器宏浩，選中指定的標簽
用法： 標簽名{}
2,id選擇器： 將標簽id屬性作為選擇器，選中id值對應(yīng)的標簽
? 用法： #id值{}
3,class選擇器： 將標簽class屬性作為選擇器靠瞎，選中class值對應(yīng)的標簽
用法： .class值{}
4比庄，群組選擇器： 多個選擇器用逗號隔開作為一個選擇器，同時選中所有選擇器對應(yīng)的標簽
? a,p{}? ? ? ? --- 選中所有a標簽较坛，p標簽
? .p1,img,#p2? --- 選中所有class值是p1印蔗，img標簽，id值是p2
5,父子選擇器： 多個選擇器用空格隔開作為一個選擇器丑勤，按順序依次往后找华嘹，找到最后一層選擇器對應(yīng)的標簽
? div div p{} --- 選中div里div中的p標簽
? #d1 a? ? ? --- 選中id是d1中的a標簽
6，通配符： 將*作為選擇器法竞，選中網(wǎng)頁中所有的標簽
五耙厚、偽類選擇器
<!--
偽類選擇器： 是選中某個標簽的不同狀態(tài)，可以給不同狀態(tài)設(shè)置不同樣式
1岔霸，link
標簽：link -- 標簽初始狀態(tài)(a標簽的初始狀態(tài)指a對應(yīng)的網(wǎng)址一次都沒有訪問成功的狀態(tài))
例：? a：link{}? 薛躬；? p:link{}? ； #a1：link{}? 呆细；? .a2:link,#a1：link{}
2型宝，visited? -- 標簽訪問后的狀態(tài)
3，hover? ? -- 鼠標懸停在標簽上對應(yīng)的狀態(tài)
4，active? ? -- 標簽激活（按住不放）時的狀態(tài)
注意：使用時趴酣，要遵守 愛恨原則（LoVeHAte） 按順序?qū)懤媸鳎话磿r可能有些樣式不生效
選擇器的優(yōu)先級：權(quán)重值 越大，優(yōu)先級 越大岖寞。 優(yōu)先級一樣抡四，誰在后面 誰有效。 除內(nèi)聯(lián)仗谆，內(nèi)聯(lián)最高
元素選擇器權(quán)重值 ：? 0001 -- 1
class權(quán)重值：? ? ? 0010 -- 2
id權(quán)重值:? ? ? ? ? 0100 -- 4
偽類權(quán)重值? ? ? ? ? 0001 --? 1
群組權(quán)重值：? ? ? ? 單獨看每個選擇器的權(quán)重
父子權(quán)重值：? ? ? ? 所有選擇器權(quán)重之和
