A今天我学到了什么?
1.margin的问题
1.给子元素margin-top:父元素移动,子元素不移动
解决方案:
1,给父元素overflow:hidden;
2,.给父元素设置伪元素parent:before{content:'‘”;display:table}
绝对路径和相对路径
绝对路径:从盘符开始的路径
![](D:/images/down.jpg)
相对路径:相对当前文件所在的路径
同级目录 src='down.jpg'
下一级目录 src='images/down.jpg'
上一级目录 src='../down.jpg'
登陆页面
<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>
//定义和用法
<label> 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
单选框
<!--单选框需给一样的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>
复合选框
<p>
<label>爱好</label>
<input type="checkbox" name="爱好" value="游泳">游泳
<input type="checkbox" name="爱好" value="开车">开车
</p>
下拉选框
<select>
<option>洪山区</option>
<option>青山区</option>
<option>汉阳区</option>
</select>
预选的下拉选框
//在想要的option上加selected这个属性
<form action="">
<select>
<option>洪山区</option>
<option selected>青山区</option>
<option>汉阳区</option>
</select>
</form>
文本域
<textarea placeholder="看点槽点,不吐不快!别憋着,马上大声说出来吧!"></textarea>
B今天掌握了什么?
margin的问题
绝对路径和相对路径
登陆页面
单选框
复合选框
下拉选框
预选的下拉选框
文本域
C今天我没有掌握什么?
内容基本能理解,但运用上不熟练