A今天我学了什么

.margin问题

给子元素margin-top:父元素移动,子元素不移动
解决方案:
1.给父元素overflow:hidden;
2.给父元素设置伪元素parent:before{content:'‘”;display:table}

2.margin-top 和margin-bottom重合

上面的元素的margin-bottom和下面元素的margin-top会重合

3.相对路径和绝对路径

绝对路径：从盘符开始的路径
<img src="D:/images/down.jpg" alt=""/>
相对路径：相对当前文件所在的路径
同级目录    src='down.jpg'
下一级目录 src='images/down.jpg'
上一级目录 src='../down.jpg'

2.HTML表单相关元素

1.1一个登陆页面:

<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>

2.label标签

<label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果，
它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。

3.单选框

    <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>
单选框需给一样的name名 这样可以只能选一个

4.下拉框

<select>
            <option>洪山区</option>
            <option>青山区</option>
            <option>汉阳区</option>
</select>

5.复选框

<!--复合选框-->
    <p>
        <label>爱好</label>
        <input type="checkbox" name="爱好" value="游泳">游泳
        <input type="checkbox" name="爱好" value="开车">开车
    </p>

6.文本域

<textarea   placeholder="看点槽点，不吐不快！别憋着，马上大声说出来吧！"></textarea>
&nbsp空格 &lt<  &gt>

7.面试题

display和visibility的区别
display:none;  没有
visibility:hidden;隐藏

8.雪碧图

给父级相对定位，子级绝对定位，利用背景定位慢慢调。

9.input输入框和button按钮的区别

如设置高度一样，显示的图像为什么不一样？
input有默认的padding=1px；border=2px,高度默认增加了6px;
button有默认的box-posotion=border-box,高度不会改变

B 我今天掌握了什么

.margin问题

给子元素margin-top:父元素移动,子元素不移动
解决方案:
1.给父元素overflow:hidden;
2.给父元素设置伪元素parent:before{content:'‘”;display:table}

2.margin-top 和margin-bottom重合

上面的元素的margin-bottom和下面元素的margin-top会重合

3.相对路径和绝对路径

绝对路径：从盘符开始的路径
<img src="D:/images/down.jpg" alt=""/>
相对路径：相对当前文件所在的路径
同级目录    src='down.jpg'
下一级目录 src='images/down.jpg'
上一级目录 src='../down.jpg'

2.HTML表单相关元素

1.1一个登陆页面:

<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>

2.label标签

<label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果，
它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。

3.单选框

    <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>
单选框需给一样的name名 这样可以只能选一个

4.下拉框

<select>
            <option>洪山区</option>
            <option>青山区</option>
            <option>汉阳区</option>
</select>

5.复选框

<!--复合选框-->
    <p>
        <label>爱好</label>
        <input type="checkbox" name="爱好" value="游泳">游泳
        <input type="checkbox" name="爱好" value="开车">开车
    </p>

6.文本域

<textarea   placeholder="看点槽点，不吐不快！别憋着，马上大声说出来吧！"></textarea>
&nbsp空格 &lt<  &gt>

7.面试题

display和visibility的区别
display:none;  没有
visibility:hidden;隐藏

8.雪碧图

给父级相对定位，子级绝对定位，利用背景定位慢慢调。

9.input输入框和button按钮的区别

如设置高度一样，显示的图像为什么不一样？
input有默认的padding=1px；border=2px,高度默认增加了6px;
button有默认的box-posotion=border-box,高度不会改变

C我今天没掌握什么

全部掌握了