css
文章平均质量分 71
hellochenlu
这个作者很懒,什么都没留下…
展开
-
十分推荐的一篇关于CSS浮动的博文
原文链接:http://www.cnblogs.com/zhongxinWang/archive/2013/03/27/2984764.html首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div元素是独占一行的。注意,以上这些理论转载 2016-07-16 14:40:12 · 370 阅读 · 0 评论 -
position的static、relative、absolute区别与联系
定位为relative的元素脱离正常的文本流中(脱离正常的文本流的意思就是有定位,有个参照对象,用top,bottom,left,right来定位),但其在文本流中的位置依然存在,而定位为absolute的层脱离正常文本流,但与relative的区别是其在正常流中的位置不在存在。详解CSS+DIV布局定位在用CSS+DIV进行布局定位的时候,一直对position的四个属性值relativ原创 2017-05-21 15:58:08 · 1516 阅读 · 0 评论 -
CSS3学习笔记
CSS中有一种基础设计模式叫盒模型,盒模型定义了Web页面中的元素中如何来解析。CSS中每一个元素都是一个盒模型,包括html和body标签元素。在盒模型中主要包括width、height、border、background、padding和margin这些属性,而且他们之间的层次关系可以相互影响,来看一张盒模型的3D展示图:从图中可以看出padding属性和content属性层叠ba原创 2017-05-15 17:12:33 · 396 阅读 · 0 评论 -
css3垂直居中的一种实现方法
translate()函数可以将元素向指定的方向移动,类似于position中的relative。或以简单的理解为,使用translate()函数,可以把元素从原来的位置移动,而不影响在X、Y轴上的任何Web组件。1. top:50%,left:50%,是将色块的左上角定位在了屏幕的中央,但是,整体并不在中央;2. translate的百分比是根据自身的宽度和高度来定的,transla原创 2017-05-25 15:03:00 · 692 阅读 · 0 评论