html浮动原理与清浮，定位，常见标签与伪类，表格与表单元素
浮动：
1，浮动可以向左或向右移动，浮动的原理是当他的边缘碰到包含框或者做过浮动的边框为止；
float:left 向左浮动；
float：right 向右浮动；
做了浮动的元素不占位置，需要给其父元素清除浮动；
2，清除浮动；
浮动的清除有四种方法：
2.1：利用clear的空元素来清除浮动；
clear{
clear：left；}
2.2：利用overflow来清除浮动；
overflow：middle会裁减掉多出来的内容；
2.3：给浮动的父元素也设置浮动；
2.4：结合clear的空元素和after伪元素清除浮动；
clear：：after{
content：‘’；
display：black；
clear：both；}
定位：
固定定位：position：fixed 相对于可视窗口的定位；不占位置；
相对定位：position：relative 相对于自身原来的位置，会占位置；
绝对定位：position：absolute 相对自己最近，做过定位的祖辈元素；不占位置；
常见标签：
<ul><li></li></ul>
无序标签
<ol><li></li></ol>
有序标签
<h1></h6>
标题标签
<p></p>
段落标签
a标签:
<a class="box1" href=""></a>
target=_"blank"重新打开一个页面；
4个伪类：
a:link 未激活
a:visited已激活
a:hover悬停
a:active正在点击
表格：
table表格
<table><table>
<tr></tr>单元行
<td></td>单元行
表单：
<input type="text">文本框
<input type="password">密码框
<input type="number">数字框
<input type="radio">单选框
<input type="file">文件选择框
<select>
<optian>地区</optian>
</select>
下拉框
<input type="submit">提交按钮
评论