在CSS中是有三种定位机制的:普通文档流、浮动和绝对定位。在未指定其它两种定位机制的情况下,所有框都是在普通文档流中定位的。普通文档流: 普通文档流,顾名思义,就是根据块级元素的标签在HTML里的顺序,像水流一样,从上至下。当然对于行内元素而言,还是在一行中水平排列的。 这里插入一个积累的小知识.....
分类:
其他好文 时间:
2014-10-14 15:31:14
阅读次数:
195
(IE7不支持)display: none:默认 block:指定为块级元素 inline:指定为内联元素float: left:左浮动 right:右浮动clear: both:静止左右有浮动元素 left:静止左有浮动元素 right:静止右有浮动元素visibility: v...
分类:
Web程序 时间:
2014-10-14 12:44:18
阅读次数:
158
HTML的元素可以分为两种:块级元素(block level element )内联元素(inline element )二者的区别如下: 1. 块级元素独占一行(除非显示修改元素的display属性),内联元素在一行内显示; 2. 块级元素可以设置width、height属性,而内联元素设...
分类:
其他好文 时间:
2014-10-13 19:19:51
阅读次数:
165
1.div中放一张图片老是显示不出来?解决方法如下: 设置一下div的宽度与高度,然而此时直接写width与height是不对的,对于块级元素没有这个属性,只能在style="width:200px;height:200px"中设置div的宽与高2.div设置了颜色显示不出来?看如下代码: ...
分类:
其他好文 时间:
2014-10-13 16:38:49
阅读次数:
165
display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素. inl...
分类:
其他好文 时间:
2014-10-09 13:58:33
阅读次数:
140
1.三种定位机制:普通流,浮动,绝对定位2.行框:由一行形成的水平框,称为行框3.position(定位)stattic,元素正常生成,块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置其于父元素中(默认);即没有定位,元素出现在正常的流中(忽略t..
分类:
Web程序 时间:
2014-10-05 23:37:19
阅读次数:
288
上次面试面试官问到了,问了个定宽局中和不定宽局中,下来我把所有有关CSS居中都总结了一下原文摘自我的前端博客,欢迎大家来访问http://www.hacke2.cn水平居中行内元素把行内元素嵌套在一个DIV中,并且在DIV中设置以下样式a{ text-align: center; }块级元素对于定....
分类:
Web程序 时间:
2014-09-30 23:46:00
阅读次数:
268
一、div和span的区别 div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。 span是一个内联元素,没有实际意义,它的存在纯粹是为了应用样式,给一段内容加上标记可以通过在span上定义样式来设定其内容的样式。二、relat.....
分类:
Web程序 时间:
2014-09-30 12:55:29
阅读次数:
195
利用CSS进行元素的水平居中,比较简单,行级元素设置其父元素的text-align center,块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法,每一种适用于不同的情况,在实际的使用过程中选择某一种方法即可。Line-He...
分类:
Web程序 时间:
2014-09-28 12:32:52
阅读次数:
232
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html正常文字的换行(亚洲文字和...
分类:
Web程序 时间:
2014-09-28 10:48:31
阅读次数:
170