今天学了什么
1.margin的一点小问题
给子元素margin-top:父元素移动,子元素不移动
解决方案:
1.给父元素overflow:hidden;
2.给父元素设置伪元素
:before{
content:'‘”;
display:table
}
image.png
上面的元素的margin-bottom和下面元素的margin-top会重合
image.png
2.绝对路径和相对路径
绝对路径：从盘符开始的路径
<img src="D:/images/down.jpg" alt=""/>
相对路径：相对当前文件所在的路径
同级目录 src='down.jpg'
下一级目录 src='images/down.jpg'
上一级目录 src='../down.jpg'
3.HTML表单相关元素
<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>
提交按钮
定义和用法
<label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。
<label> 标签的 for 属性应当与相关元素的 id 属性相同
4单选框
<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="女" cheakboxde 默认选女>
</p>
5复合选框
<p>
<label>爱好</label>
<input type="checkbox" name="爱好" value="游泳">游泳
<input type="checkbox" name="爱好" value="开车">开车
</p>
6下拉选框
<select>
<option>洪山区</option>
<option>青山区</option>
<option>汉阳区</option>
</select>
7预选的下拉选框
<select>
<option>洪山区</option>
<option selected>青山区</option> //在想要的option上加selected这个属性
<option>汉阳区</option>
</select>
8文本域
<textarea placeholder=“请输入内容"></textarea>
9input
输入框 <input type=”text”>
提交按钮<input type=”submit”>
103.8display和visibility的区别
display:none;
显示为没有
显示为隐藏
11转义字符
空格
<小于号
>大于号
© ©
版权有时候用到
今天学会了什么
1.margin的一点小问题
给子元素margin-top:父元素移动,子元素不移动
解决方案:
1.给父元素overflow:hidden;
2.绝对路径和相对路径
绝对路径：从盘符开始的路径
<img src="D:/images/down.jpg" alt=""/>
相对路径：相对当前文件所在的路径
同级目录 src='down.jpg'
下一级目录 src='images/down.jpg'
上一级目录 src='../down.jpg'
3.HTML表单相关元素
<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>
提交按钮
定义和用法
<label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。
<label> 标签的 for 属性应当与相关元素的 id 属性相同
4单选框
<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="女" cheakboxde 默认选女>
</p>
5复合选框
<p>
<label>爱好</label>
<input type="checkbox" name="爱好" value="游泳">游泳
<input type="checkbox" name="爱好" value="开车">开车
</p>
6下拉选框
<select>
<option>洪山区</option>
<option>青山区</option>
<option>汉阳区</option>
</select>
7预选的下拉选框
<select>
<option>洪山区</option>
<option selected>青山区</option> //在想要的option上加selected这个属性
<option>汉阳区</option>
</select>
8文本域
<textarea placeholder=“请输入内容"></textarea>
9input
输入框 <input type=”text”>
提交按钮<input type=”submit”>
103.8display和visibility的区别
display:none;
显示为没有
显示为隐藏
11转义字符
空格
<小于号
>大于号
© ©
版权有时候用到
不会什么
2.给父元素设置伪元素
:before{
content:'‘”;
display:table
}
