题外话以前,我们要自适应全局居中,需要借助JS或者JQ来实现,现在有了CSS3就可以省去好多功夫了,为什么这么说!!
请看比较:传统的绝对居中 #container{
position:abosolute;
top:50%;
left:50%;
margin-left:-包含块宽度的一半(如 -300px );...
分类:
Web程序 时间:
2015-08-17 12:02:05
阅读次数:
181
题外话以前,我们要自适应全局居中,需要借助JS或者JQ来实现,现在有了CSS3就可以省去好多功夫了,为什么这么说!!
请看比较:传统的绝对居中 #container{
position:abosolute;
top:50%;
left:50%;
margin-left:-包含块宽度的一半(如 -300px );...
分类:
Web程序 时间:
2015-08-17 10:13:39
阅读次数:
176
CSS的几个概念:
包含块:一个元素的“布局上下文”。对于正常的HTML文本流中的一个元素,包含块由最近的块级祖先框、表单元格或行内块祖先框的内容边界(content
edge)构成。考虑如下标记
This is a paragraph.
p元素的包含块是div元素,因为作为块元素、表单元格或行内块元素,这是最近的祖先元素。类似地div的包含块是body。
非替换元素:...
分类:
Web程序 时间:
2015-08-15 12:06:39
阅读次数:
151
绝对定位:如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,...
分类:
其他好文 时间:
2015-08-11 13:42:56
阅读次数:
127
position拥有三种定位方式:1.静态定位(static)2.相对定位 (relative)特点:相对与自身原有位置进行偏移仍处于标准文档流中随即拥有偏移属性和z-index 属性3.绝对定位(absolute)(fixed)特点:建立了以包含块为基准定位完全脱离文档流随即拥有偏移属性和z-in...
分类:
其他好文 时间:
2015-08-11 11:32:06
阅读次数:
98
22.2.7 波形音频文件格式——WAV音频格式偏移量字节数据00004字符串——“RIFF”(资源交换文件格式),文件由很多数据“块”组成,每一块数据由块的名称和块长组成。名称由4个ASCII字符组成。块长不包含块的名称和块长这个字段本身所需的8个字节,也就是说是“块”的实际长度。00044波形数...
分类:
其他好文 时间:
2015-08-09 16:57:47
阅读次数:
128
本节我们来讨论一下Inline formatting contexts(行内格式化上下文,以下简称IFC)和line box(行框)。一、行框 在一个行内格式化上下文中,框会一个接一个的水平放置,从包含块的顶部开始。这些框水平方向的margin、border以及padding属性是会起作用的。...
分类:
其他好文 时间:
2015-07-26 00:21:13
阅读次数:
199
一、包含块(Containing Block)要讲position,首先就涉及到一个概念:包含块。1、包含块介绍包含块简单理解就是一个定位参考块,就是大盒子里套小盒子中那个大盒子。元素有positon属性就必然涉及到包含块。先简单总结一下。1、初始包含块(Initial containing blo...
分类:
其他好文 时间:
2015-07-14 00:04:48
阅读次数:
174
CSS定位属性position:把元素放置到一个静态的、相对的、绝对的、或固定的位置中。top:定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。right:定义了定位元素右外边距边界与其包含块右边界之间的偏移。bottom:定义了定位元素下外边距边界与其包含块下边界之间的偏移。left:...
分类:
Web程序 时间:
2015-06-29 21:51:00
阅读次数:
156
今天来说说vh,vw,vmin,vmax,这些css3中定义的尺寸单位,能在css中解析原始包含块的宽高信息,用途还是有些的.根据css3标准的定义,这些v系列的尺寸全称为viewport-percentage length, 顾名思义,它们定义了相对于原始包含块的百分比尺寸。当原始包含块的尺寸改变...
分类:
其他好文 时间:
2015-06-21 22:15:03
阅读次数:
190