A今日所學
一、絕對路徑與相對路徑
絕對路徑：從盤符開始的路徑叫做絕對路徑须尚，例如E:\WebStormWorkstation\課件\day05
相對路徑：相對當前文件（寫地址的這個文件）的路徑
同級目錄：直接寫文件名（兄弟文件）振愿，例如src='down.jpg'
上級目錄：向上跳級（../）+文件名，例如src='../images/down.jpg'
下級目錄：向下跳級（images/）+文件名红选，例如src='images/down.jpg'
二澜公、html表單元素
1.標簽，for與id對應后喇肋，點擊標簽內容也可聚焦到輸入框坟乾，例<label for="text">文本</label><input id="text" type="text"/>
2.輸入框的常用類型，<label for="text">文本</label><input id="text" type="text"/>
<input id="password" type="password"/>
<input type="submit" value="登錄"/>
3.單選框蝶防，name相同為一組甚侣，一組中只能選一個，checked代表默認選擇項间学，例<input id="female" type="radio" name="sex" value="女">
4.復選框殷费，name相同為一組，一組中能選多個低葫，checked代表默認選擇項详羡，例<input type="checkbox" name="愛好" value="游泳">游泳
5.下拉框，selected代表默認選項嘿悬，例<select><option></option></select>
6.文本域实柠，輸入大段文字內容，例<textarea></textarea>
三善涨、雪碧圖制作
結構：A標簽內含SPAN標簽
A標簽用于超鏈接窒盐，背景色草则，切圓，SPAN標簽用于給圖形限制高寬登钥，避免圖形直接作為A標簽背景圖出現(xiàn)重復畔师；
<a><span></span></a>
a標簽改為內聯(lián)塊屬性然后給出雪碧圖所需高寬+50%曲率變圓形+背景色+相對位置屬性；
span標簽給出和雪碧圖中心內容的一摸一樣的尺寸牧牢，絕對位置屬性看锉，通過調整top，right塔鳍，bottom伯铣，left其中兩個屬性來獲取需要的雪碧圖中心圖標；
最后使span居中a標簽轮纫；
四腔寡、其他細節(jié)
1.給子元素margin-top:父元素移動,子元素不移動
解決：a.給父元素overflow:hidden;
b.給父元素設置偽元素parent:before{content:'‘”;display:table}
2.對于可設置margin屬性的相同的標簽：上面的元素的margin-bottom和下面元素的margin-top會重合
3.disable和visibility的區(qū)別
disable看不見元素的同時使元素消失不存在
visibility只是看不見，元素依然存在
五掌唾、常用轉義符及特殊符號
 空格 << >>
http://www.jb51.net/onlineread/htmlchar.htm
B今日已掌握
一放前、絕對路徑與相對路徑
絕對路徑：從盤符開始的路徑叫做絕對路徑，例如E:\WebStormWorkstation\課件\day05
相對路徑：相對當前文件（寫地址的這個文件）的路徑
同級目錄：直接寫文件名（兄弟文件）糯彬，例如src='down.jpg'
上級目錄：向上跳級（../）+文件名凭语，例如src='../images/down.jpg'
下級目錄：向下跳級（images/）+文件名，例如src='images/down.jpg'
二撩扒、html表單元素
1.標簽似扔，for與id對應后，點擊標簽內容也可聚焦到輸入框搓谆，例<label for="text">文本</label><input id="text" type="text"/>
2.輸入框的常用類型炒辉，<label for="text">文本</label><input id="text" type="text"/>
<input id="password" type="password"/>
<input type="submit" value="登錄"/>
3.單選框，name相同為一組泉手，一組中只能選一個黔寇，checked代表默認選擇項，例<input id="female" type="radio" name="sex" value="女">
4.復選框斩萌，name相同為一組啡氢，一組中能選多個，checked代表默認選擇項术裸，例<input type="checkbox" name="愛好" value="游泳">游泳
5.下拉框倘是，selected代表默認選項，例<select><option></option></select>
6.文本域袭艺，輸入大段文字內容搀崭，例<textarea></textarea>
三、雪碧圖制作
結構：A標簽內含SPAN標簽
A標簽用于超鏈接，背景色瘤睹，切圓升敲，SPAN標簽用于給圖形限制高寬，避免圖形直接作為A標簽背景圖出現(xiàn)重復轰传；
<a><span></span></a>
a標簽改為內聯(lián)塊屬性然后給出雪碧圖所需高寬+50%曲率變圓形+背景色+相對位置屬性驴党；
span標簽給出和雪碧圖中心內容的一摸一樣的尺寸，絕對位置屬性获茬，通過調整top港庄，right，bottom恕曲，left其中兩個屬性來獲取需要的雪碧圖中心圖標鹏氧；
最后使span居中a標簽；
四佩谣、其他細節(jié)
1.給子元素margin-top:父元素移動,子元素不移動
解決：a.給父元素overflow:hidden;
b.給父元素設置偽元素parent:before{content:'‘”;display:table}
2.對于可設置margin屬性的相同的標簽：上面的元素的margin-bottom和下面元素的margin-top會重合
3.disable和visibility的區(qū)別
disable看不見元素的同時使元素消失不存在
visibility只是看不見把还，元素依然存在
五、常用轉義符及特殊符號
 空格 << >>
http://www.jb51.net/onlineread/htmlchar.htm
