CSS中通过使用position属性,有4种不同类型的定位方式,这会影响元素框生成的方式。position属性值的含义:static:静态定位元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。relative:相对定位元素框偏移某个距离。元素...
分类:
Web程序 时间:
2015-05-11 00:03:18
阅读次数:
242
CSS中的定位大概可以分为:普通定位,浮动定位,绝对定位。除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在 (X)HTML 中的位置决定。posiion的属性呢又有四种:static:手册的解释“元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会...
分类:
Web程序 时间:
2015-05-09 12:59:51
阅读次数:
140
Css3图形通常由矩形,圆形,椭圆,三角形,梯形等组合而成。矩形,为display:block的块级元素设定宽高,便能实现,圆角矩形,椭圆,圆形,则通过border-radius 属性来得到。圆角矩形,几种写法:1, border-radius: 70px 30px 60px 0px;按顺时针方向,...
分类:
Web程序 时间:
2015-05-01 14:47:23
阅读次数:
132
CSS position 属性通过使用position 属性,我们可以选择 4 种不同类型的定位,这会影响元素框生成的方式。position 属性值的含义:static元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。relative元素框偏...
分类:
Web程序 时间:
2015-04-30 17:29:33
阅读次数:
182
display:inline、block、inline-block的区别display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例...
分类:
其他好文 时间:
2015-04-29 11:27:30
阅读次数:
121
当某个元素的margin左负值,超过自身的宽度时,这个元素会和上一个同级块级元素发生重叠。 这时候继续增大margin左负值,该元素会逐渐从右往左移动。然后通过相对定位,就可以实现圣杯布局了。来自: http://blog.csdn.net/cui_angel/article/details/83....
分类:
其他好文 时间:
2015-04-27 13:07:23
阅读次数:
126
我们知道 div是块级元素,是独占一行的.一般情况下,两个相邻的div是不会处于一行的
例如:
让两个div处于同一行
<div style="height: 40px;width: 80px;bac...
分类:
其他好文 时间:
2015-04-25 22:50:35
阅读次数:
134
使用到了和标签,发现在样式里面直接写margin-top、margin-bottom和padding-top、padding-bottom都不起作用,页面样式的东西懂得不多,搜索一番,发现是因为和都不是块级元素,所以这几个属性都无效。解决办法:在样式 中加入display:block;即可解决问题。...
分类:
其他好文 时间:
2015-04-22 22:03:33
阅读次数:
150
我么知道在css2.1之前,想让div这样的块级元素在同一行中出现必须使用float或者position而在2.1之后呢出现了 display:inline-block它可以使块级元素变为行级元素,这样我们就不用在使用float和clear了***使用inline-block时若出现多行默认是底部对...
分类:
其他好文 时间:
2015-04-21 20:37:52
阅读次数:
116
1、IE6下的双边距BUG IE6下浮动的块级元素有横向margin值,margin值成设置值的两倍解决方法:加display:inline2、IE6、7下li下的几px的间隙问题在IE6、7下li本身没浮动,但是内容有浮动就会多出来几px间隙解决方法:1、li加浮动2、li加vertical-al...
分类:
其他好文 时间:
2015-04-21 20:09:01
阅读次数:
97