码迷,mamicode.com
首页 > Web开发 > 详细

css_04

时间:2016-08-20 23:16:51      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:

1、显示方式:display:取值:none(隐藏,不占页面空间,脱离文档流)/block(元素变为块级)/inline(元素变为行内)/inline-block(元素变为行内块);

2、显示效果:visibility:取值:visible(默认,显示)/hidden(隐藏,占据页面空间,未脱离文档流)/collapse(用于表格,动态删除一行或一列);

3、透明度:opacity:取值0~1;

4、垂直对齐方式:vartical-align:baseline(默认,基线对齐)/top/middle/bottom;

5、光标:cursor:取值:default/pointer(小手)/crosshair(+)/text(I)/wait(等待)/help(?);

6、列表属性:①列表项标志:list-style-type:取值:none/disc/circle/square;②列表项图像:list-style-image:url();③列表项位置:list-style-position:取值:outside(列表项标志位于内容区域外)/inside(列表项标志位于内区域前);

7、定位:position:取值:static(默认,静态)/relative(相对)/absolute(绝对)/fixed(固定);

8、偏移属性:top/bottom/left/right;

9、堆叠层级:z-index:取值:无单位数字;(* ①只有相对,绝对,固定定位时可用;②父子关系无法调整,子始终在父上);

技术分享技术分享

10、相对定位:position:relative;相对原位置通过偏移属性进行移动;

11、绝对定位:position:absolute;相对离它最近已定位(相对/绝对/固定)祖先元素进行定位,脱离文档流,不占据页面空间,变为块级元素,margin:auto失效;

12、固定定位:position:fixed;目标固定于页面,脱离文档流;

css_04

标签:

原文地址:http://www.cnblogs.com/Jupiter258/p/5791392.html

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