最近被css的定位要搞疯了。。。下面我总结一下最近学习东西。先介绍几个概念:块框:div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容,即“块框”。行内框:与之相反,span 和 strong 等元素称为“行内元素”,这是因为它们的内容显示在行中,即“行内框”。行框:由一行形...
分类:
Web程序 时间:
2014-09-17 11:35:52
阅读次数:
300
使用 text-indent 属性,元素首行缩进。一般来说,适用于所有的块级元素,但无法适用于行内元素和类似于图片这样的元素。可以用%、固定值和负值、继承(使用此值,父元素最好要padding相应值)。使用text-align属性,会影响一个元素中的文本行互相之间的对齐方式。(块级和表元素居中要使用...
分类:
Web程序 时间:
2014-09-13 22:41:26
阅读次数:
229
IE7以上都支持父元素加一下cssoverflow: hidden;white-space: no-wrap; //阻止换行text-over: ellipsis; //超过长度...子元素为行内元素就可
分类:
其他好文 时间:
2014-09-12 18:46:53
阅读次数:
221
原文链接:http://www.cnblogs.com/zhujl/archive/2012/05/08/2489440.html浮动到底做了什么?浮动如何影响元素的盒模型?浮动的元素和行内元素有何不同?调整浮动元素的位置是通过什么规则进行的?clear属性如何工作,它的目的又是什么?浮动甚至能绊倒...
分类:
Web程序 时间:
2014-09-03 14:31:56
阅读次数:
347
未定义:1. display:block; (在行内元素加上display:block; 或者把目标元素放入等块级元素,然后把text-indent样式应用到等块级元素。)2. overflow:hidden;3. text-align:left;4. width5. height6. line-h...
分类:
其他好文 时间:
2014-08-26 17:07:36
阅读次数:
186
在标准文档流里面,块级元素具有以下特点:
①总是在新行上开始,占据一整行;
②高度,行高以及外边距和内边距都可控制;
③宽带始终是与浏览器宽度一样,与内容无关;
④它可以容纳内联元素和其他块元素。
行内元素的特点:
①和其他元素都在一行上;
②高,行高及外边距和内边距部分可改变;
③宽度只与内容有关;
④行内元素只能容纳文本或者其他行内元素。
不可以设置宽高,其宽度...
分类:
其他好文 时间:
2014-08-24 14:12:52
阅读次数:
174
1.定位和浮动:2.一切皆为框:块元素:div,h1,p……行元素:span,strong……position 属性值的含义:static元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。relative元素框偏移某个距离。元素仍保持其未定位...
分类:
Web程序 时间:
2014-08-21 17:05:44
阅读次数:
235
行内元素和块级元素都可以浮动,浮动后都变为块级元素;浮动元素会使周围的行框缩短,所以就会产生文本元素围绕浮动框的现象。所以常用来进行文本围绕图片的表现;如果上边先有浮动元素,对于块级元素形成的块级框就会向上到浮动元素的下方,但是里边包含的文本还是在浮动元素的周围或者包含不到就跑的下边;先有浮动,后有...
分类:
其他好文 时间:
2014-08-20 09:17:46
阅读次数:
297
CSS 中最核心的几个概念,包括:盒模型、position、float等。这些是 CSS 的基础,也是最常用的几个属性,它们之间看似独立却又相辅相成。元素类型HTML 的元素可以分为两种:块级元素(block level element)内联元素(inline element 有的人也叫它行内元素)...
分类:
Web程序 时间:
2014-08-19 12:48:45
阅读次数:
304
常用的行内元素有:a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、span、strike、strong、sub、sup、textarea、tt、u、var常用的...
分类:
其他好文 时间:
2014-08-15 19:13:49
阅读次数:
178