我今天學(xué)會(huì)了
1列吼，0:margin的一點(diǎn)小問題
1逊移。給子元素margin-top:父元素移動(dòng),子元素不移動(dòng)
//1.給父元素
overflow:hidden;
//2.給父元素設(shè)置偽元素
parent:before{content:'‘”;display:table}
2.上面的元素的margin-bottom和下面元素的margin-top會(huì)重合
2.絕對(duì)路徑和相對(duì)路徑
//絕對(duì)路徑：從盤符開始的路徑
相對(duì)路徑：相對(duì)當(dāng)前文件所在的路徑
//同級(jí)目錄
src='down.jpg'
//下一級(jí)目錄
src='images/down.jpg'
//上一級(jí)目錄
src='../down.jpg'
3.HTML表單相關(guān)元素
1一個(gè)登陸頁(yè)面:
//定義和用法
<label> 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）焦影。
label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果。不過京办，它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本帆焕，就會(huì)觸發(fā)此控件惭婿。
<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。
<form >
<p><label for="text">文本</label><input id="text" type="text"/></p>
<p><label for="password">密碼</label><input id="password" type="password"/></p>
<p><input type="submit" value="登錄"/></p>
</form>
2單選框
<!--單選框需給一樣的name名-->
<p>
<label for="male">男</label><input id="male" type="radio" name="sex" value="男">
<label for="female">女</label>
<input id="female" type="radio" name="sex" value="女">
</p>
3.復(fù)合選框
<p>
<label>愛好</label>
<input type="checkbox" name="愛好" value="游泳">游泳
<input type="checkbox" name="愛好" value="開車">開車
</p>
4.下拉選框
<select>
<option>洪山區(qū)</option>
<option>青山區(qū)</option>
<option>漢陽(yáng)區(qū)</option>
</select>
5預(yù)選的下拉選框
//在想要的option上加selected這個(gè)屬性
<form action="">
<select>
<option>洪山區(qū)</option>
<option selected>青山區(qū)</option>
<option>漢陽(yáng)區(qū)</option>
</select>
</form>
6文本域
<textarea placeholder="看點(diǎn)槽點(diǎn)叶雹，不吐不快财饥！別憋著，馬上大聲說出來(lái)吧折晦！"></textarea>
2今天熟悉了
1钥星。給子元素margin-top:父元素移動(dòng),子元素不移動(dòng)
//1.給父元素
overflow:hidden;
//2.給父元素設(shè)置偽元素
parent:before{content:'‘”;display:table}
2.上面的元素的margin-bottom和下面元素的margin-top會(huì)重合
3.絕對(duì)路徑和相對(duì)路徑
//絕對(duì)路徑：從盤符開始的路徑
相對(duì)路徑：相對(duì)當(dāng)前文件所在的路徑
//同級(jí)目錄
src='down.jpg'
//下一級(jí)目錄
src='images/down.jpg'
//上一級(jí)目錄
src='../down.jpg'
4.預(yù)選的下拉選框
//在想要的option上加selected這個(gè)屬性
<form action="">
<select>
<option>洪山區(qū)</option>
<option selected>青山區(qū)</option>
<option>漢陽(yáng)區(qū)</option>
</select>
</form>
5.文本域
<textarea placeholder="看點(diǎn)槽點(diǎn)，不吐不快满着！別憋著谦炒，馬上大聲說出來(lái)吧！"></textarea>
3.今天不太懂
1一個(gè)登陸頁(yè)面:
//定義和用法
<label> 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）风喇。
label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果宁改。不過，它為鼠標(biāo)用戶改進(jìn)了可用性魂莫。如果您在 label 元素內(nèi)點(diǎn)擊文本还蹲，就會(huì)觸發(fā)此控件。
<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同耙考。
<form >
<p><label for="text">文本</label><input id="text" type="text"/></p>
<p><label for="password">密碼</label><input id="password" type="password"/></p>
<p><input type="submit" value="登錄"/></p>
</form>
2單選框
<!--單選框需給一樣的name名-->
<p>
<label for="male">男</label><input id="male" type="radio" name="sex" value="男">
<label for="female">女</label>
<input id="female" type="radio" name="sex" value="女">
</p>
3.復(fù)合選框
<p>
<label>愛好</label>
<input type="checkbox" name="愛好" value="游泳">游泳
<input type="checkbox" name="愛好" value="開車">開車
</p>
