文档章节

浮动 定位 透明度

书呆子拍皮球
 书呆子拍皮球
发布于 2016/05/10 18:03
字数 346
阅读 8
收藏 0
vertical-align: middle 垂直居中

1、CSS 相对定位

position: relative;

通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。

在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。

2、CSS 绝对定位

position: absolute;

绝对定位使元素的位置与文档流无关,因此不占据空间。这一点与相对定位不同,相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。

普通流中其它元素的布局就像绝对定位的元素不存在一样.

绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块

所以它们可以覆盖页面上的其它元素。可以通过设置z-link属性来控制这些框的堆放次序。

3、CSS float 属性

clear 属性的值可以是 left、right、both 或 none,它表示框的哪些边不应该挨着浮动框。

4、透明度设置

filter:alpha(Opacity=50); opacity: 0.5;

5、画圆

.circle {
    border-radius: 50%;
    width: 44px;
    height: 44px;
    background: white;
    margin-top: 11px;
    margin-left: 20px;

}

© 著作权归作者所有

下一篇: /5.9
书呆子拍皮球
粉丝 2
博文 42
码字总数 5423
作品 0
唐山
私信 提问
HTML CSS决定定位、滤镜

1.position:relative;相对对位 不影响元素本身的特性; 不使元素脱离文档流; 如果没有定位偏移量,对元素本身没有任何影响; 定位元素位置控制:top/right/bottom/left; IE6下父级的overf...

ShuenWang
2018/06/26
0
0
端程序员入门所要学习的16个知识点

1、HTML常用标签 语言是什么 、Web前端开发语言、 HTML超文本标记语言 、 网页主体结构 、常用标签、超链接(a标签)、Img图片标签 2、盒子模型 初探Div盒子模型 、css样式、 简单css样式、盒...

急速奔跑中的蜗牛
2018/06/07
0
0
AI实例教程0001-制作车轮&0002-卡通小人&0003-制作卡通小鸭子

1、制作车轮 主要通过椭圆工具、矩形工具、透明度浮动面板、渐变浮动面板完成设计任务。 腾讯视频观看地址:https://v.qq.com/x/page/k0396dxwznb.html 2、制作卡通小人 练习椭圆工具、柜形工...

龙韵老师
2017/05/05
0
0
常见浏览器的兼容问题

1 ie6.0横向margin加倍 产生因素:块属性、float、有横向margin。 解决方法:display:inline; 2 ie6.0下默认有行高 解决方法:overflow:hidden;或font-size:0;或line-height:xx px; 3 在...

effto
2016/09/04
54
0
HTML5 CSS3专题 纯CSS打造相册效果

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/30993277 今天偶然发现电脑里面还有这样的一个例子,感觉效果还不错,不记得啥时候下载的了,也好久没上w3cfuns了,怀念...

lmj623565791
2014/06/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

堆”和“栈

C++作为一款C语言的升级版本,具有非常强大的功能。它不但能够支持各种程序设计风格,而且还具有C语言的所有功能。我们在这里为大家介绍的是其中一个比较重要的内容,C++内存区域的基本介绍。...

SibylY
21分钟前
2
0
总结:Https

一、介绍 简单理解,https即在http协议的基础上,增加了SSL协议,保障数据传输的安全性。 它由以前的http—–>tcp,改为http——>SSL—–>tcp;https采用了共享密钥加密+公开密钥加密的方式 ...

浮躁的码农
23分钟前
2
0
数据库表与表之间的一对一、一对多、多对多关系

表1 foreign key 表2 多对一:表 1 的多条记录对应表 2 的一条记录 利用foreign key的原理我们可以制作两张表的多对多,一对一关系 多对多: 表1的多条记录可以对应表2的一条记录 表2的多条记...

Garphy
54分钟前
6
0
MySQL 表崩溃修复

MySQL日志报错 2019-10-19 13:41:51 19916 [ERROR] /usr/local/mysql/bin/mysqld: Table './initread_hss/user_info' is marked as crashed and should be repaired2019-10-19 13:41:51 1......

雁南飞丶
今天
6
0
Error和Exception

1.Error类和Exception类都是继承Throwable类 2.Error(错误)是系统中的错误,程序员是不能改变的和处理的,是在程序编译时出现的错误,只能通过修改程序才能修正。一般是指与虚拟机相关的问...

大瑞清_liurq
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部