样式浮动和定位

Posted 2020-11-24 wangzihao147

 

 

链接样式

a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时刻

　　

列表样式

list-style-type：列表项标记的类型;
list-style-image:列表标记的图像；

　　

表格

border-collapse：collapse;separate（默认值） 
属性设置表格的边框是否被折叠成一个单一的边框或隔开
table-layout:fixed;

　　

 浮动

浮动框可以向左或向右移动，直到外边缘碰到包含框或另一个浮动框边框为止。

float:left;（左）
float:right（右） 
clear:both（中间）
img{float:right}

　　

 清除浮动

 

父级元素后加元素：<div class=”clear”></div>
父级元素加::after{
                    display:block;
                    content:：“ ”;
                    clear:both}

　　

　　

 显示

 

display:block;块级元素显示

display:inline;内联元素显示

display:inline-block;行内块元素

display:flex;弹性盒子

　　

 

 

 定位

position: static;   fixed;   relative;   absolute;
top:
left:
right:
bottom:
z-index:

　　

 

 

@media选择器

 

@media screen and (max-width:300px){}