关于浏览器兼容问题:一:margin加倍显示的问题。最常见的兼容问题是在块元素添加float属性,再添加横向margin时,margin会加倍显示,这时需要给元素添加属性,display:inline;,将块元素转化为行内元素。说白了,为了提高网页的兼容性:一般都是float+margin:left...
分类:
其他好文 时间:
2014-09-25 23:25:48
阅读次数:
298
1.display:block就是将元素显示为块级元素.block元素的特点是:总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。2.display:inline就是将元素显示为行内元素.inline元...
分类:
其他好文 时间:
2014-09-23 22:30:45
阅读次数:
186
问题:每1个带display:inline-block;属性的链接 a 水平、垂直方向都带有一定的空白关键在于父元素定义font-size:0 去掉行内块元素水平方向空白;子元素定义vertical-align 属性去掉行内块元素垂直方向空白!如果标签a内加上任意文字,则display:inline...
分类:
其他好文 时间:
2014-09-01 15:22:23
阅读次数:
215
①该方法只是针对内容是文本元素,对块元素不起作用,并且最好是文本元素比较少的时候,多行的时候容易若同时也设置overflow:hidden;会出现断词。 这是一行文本.content{ width:200px; height:200px; line-height: 200px...
分类:
其他好文 时间:
2014-09-01 12:00:02
阅读次数:
139
在标准文档流里面,块级元素具有以下特点:
①总是在新行上开始,占据一整行;
②高度,行高以及外边距和内边距都可控制;
③宽带始终是与浏览器宽度一样,与内容无关;
④它可以容纳内联元素和其他块元素。
行内元素的特点:
①和其他元素都在一行上;
②高,行高及外边距和内边距部分可改变;
③宽度只与内容有关;
④行内元素只能容纳文本或者其他行内元素。
不可以设置宽高,其宽度...
分类:
其他好文 时间:
2014-08-24 14:12:52
阅读次数:
174
什么是原型呢?这个在之前介绍为什么需要进行原型设计当中有提到,原型是产品的最初形态,确认用户对产品界面和操作功能可用性的需求,高保真的原型接近于产品的最终形态,但仍只是原型。产品原型简单的说就是产品设计成形之前的一个大体框架,对网站来讲,就是将页面模块、元素进行粗放式的排版和布局,深入一些,还会加入...
分类:
其他好文 时间:
2014-08-23 01:00:29
阅读次数:
217
在IE6、IE7中不识别display:inline-block属性,但使用inline-block属性在IE下会触发layout,从而使内联元素拥有了display:inline-block属性的表症。从上面的分析也不难理解为什么IE6、IE7下对块元素设置
分类:
其他好文 时间:
2014-08-22 16:13:18
阅读次数:
189
1. 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素: —— 对 —— 对 —— 错2. 块级元素不能放在里面: —— 错 —— 错3. 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:h1、h2、h3、h4、h5、h6、p、d...
分类:
Web程序 时间:
2014-08-22 15:52:58
阅读次数:
185
1.定位和浮动:2.一切皆为框:块元素:div,h1,p……行元素:span,strong……position 属性值的含义:static元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。relative元素框偏移某个距离。元素仍保持其未定位...
分类:
Web程序 时间:
2014-08-21 17:05:44
阅读次数:
235
①块元素在浮动的时候横向边距显示双倍②不同的浏览器对margin 和 padding 值显示不同③各个浏览器下图片之间有间隙④ul li 和ol li 中,如 li 不浮动,父标签又没设置高度,在ie6、ie7中会出现多出几像素的问题⑤ie6不支持最小高度⑥a标签里嵌套img时,不同浏览器下会出现不...
分类:
其他好文 时间:
2014-08-21 11:02:53
阅读次数:
176