码迷,mamicode.com
首页 > 其他好文 > 详细

样式、浮动和定位

时间:2019-12-07 12:49:21      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:after   移动   scree   ott   top   line   lap   style   中间   

 

 

链接样式

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){}

  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

样式、浮动和定位

标签:after   移动   scree   ott   top   line   lap   style   中间   

原文地址:https://www.cnblogs.com/wangzihao147/p/11988364.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!