A:今天学到的内容
一、上面元素设置margin-bottom和下面元素设置margin-top的重合
如果给上面元素设置margin-bottom:40px;下面元素设置margin-top:60px;会选择60px的间距。
二、html表单相关元素
1.下拉选框:
<select>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
</select>
2.预选下拉选框
<form action="">
<select>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
</select>
</form>
三、input的相关属性
<input type="text"/>
<!--文本-->
<input type="button" value="搜索" /> <br/>
<!--搜索按键 value 定义,命名-->
<input type="password"/><br/>
<!--密码-->
篮球
<input type="checkbox"/>
足球
<input type="checkbox"/>
羽毛球
<input type="checkbox"/> <br/>
<!--多选框-->
<input type="radio" name="sex" value="男"/>男
<input type="radio" name="sex" value="女"/>女
<!--单选框-->
<form action="http://www.baidu.com">
<!-- action 提交的地址-->
<input type="text" placeholder="请输入你的名字"/>
<!-- input内输入字符消失-->
<input type="submit" value="搜索"/>
<!-- 提交-->
<input type="color"/>
<!-- 颜色-->
<input type="date"/>
<!-- 年月日-->
<input type="time"/>
<!-- 时间-->
<input type="number"/>
<!-- 只能输入数字-->
<input type="email"/>
<!-- 邮箱-->
<input type="tel"/><br/>
<!-- 电话-->
<input type="file"/><br/>
<!-- 上传文件-->
<input type="reset"/>
<!-- 重置-->
</form>
<!--写在form里可以重置所有。reset写在最下面-->
四、display和visibility的区别
(display:none)完全清除。
(visibility:hidden)清除显示,但是高度还在。
(overflow:hidden)溢出部分隐藏。
B:学会了什么
一、上面元素设置margin-bottom和下面元素设置margin-top的重合