day05

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标签背景图出现重复；
    <a><span></span></a>
    a标签改为内联块属性然后给出雪碧图所需高宽+50%曲率变圆形+背景色+相对位置属性；
    span标签给出和雪碧图中心内容的一摸一样的尺寸，绝对位置属性，通过调整top，right，bottom，left其中两个属性来获取需要的雪碧图中心图标；
    最后使span居中a标签；

四、其他细节

1.给子元素margin-top:父元素移动,子元素不移动
    解决：a.给父元素overflow:hidden;
               b.给父元素设置伪元素parent:before{content:'‘”;display:table}
2.对于可设置margin属性的相同的标签：上面的元素的margin-bottom和下面元素的margin-top会重合
3.disable和visibility的区别
    disable看不见元素的同时使元素消失不存在
    visibility只是看不见，元素依然存在

五、常用转义符及特殊符号
&nbsp空格 &lt< &gt>

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标签背景图出现重复；
    <a><span></span></a>
    a标签改为内联块属性然后给出雪碧图所需高宽+50%曲率变圆形+背景色+相对位置属性；
    span标签给出和雪碧图中心内容的一摸一样的尺寸，绝对位置属性，通过调整top，right，bottom，left其中两个属性来获取需要的雪碧图中心图标；
    最后使span居中a标签；

四、其他细节

1.给子元素margin-top:父元素移动,子元素不移动
    解决：a.给父元素overflow:hidden;
               b.给父元素设置伪元素parent:before{content:'‘”;display:table}
2.对于可设置margin属性的相同的标签：上面的元素的margin-bottom和下面元素的margin-top会重合
3.disable和visibility的区别
    disable看不见元素的同时使元素消失不存在
    visibility只是看不见，元素依然存在

五、常用转义符及特殊符号
&nbsp空格 &lt< &gt>

http://www.jb51.net/onlineread/htmlchar.htm

C今日未掌握