LOFTER for ipad —— 让兴趣,更有趣

点击下载 关闭

LOFTER-网易轻博

a的伪类

2浏览    1参与
榜单数据更新于2020-01-20 08:58
丟了微笑葽怎伪裝

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

浮动:

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">提交按钮





LOFTER

让兴趣,更有趣

简单随性的记录
丰富多彩的内容
让生活更加充实

下载移动端
关注最新消息