摘要: 行内块元素像所有块级元素和行内替换元素(input img button)一样,也有属性width和height(注:行内元素也可以设margin)块元素转换为行内块元素:P{ display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1;}/*直接让块元素设置为内联对象(display:inline),然后通过zoom:1触发块元素的layout*/行内元素转换为行内块元素:span{ display:inline-block;}使用inline-block可能会产生空白符问题。... 阅读全文
posted @ 2012-08-10 10:55 xngeer 阅读(208) 评论(0) 推荐(0)
摘要: 博客园限制写position为absolute的样式吗?看不到效果,先上代码吧<style> .beCenter { width:460px; height:212px; background:#ccc; margin:0px auto; } .beAllCenter{ width:460px; height:212px; background:#f00; margin-left:-230px; margin-top:-106px; po... 阅读全文
posted @ 2012-08-10 10:36 xngeer 阅读(840) 评论(0) 推荐(0)
摘要: line-height与font-size的计算值之差(在CSS中成为“行间距”),分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。这是拥有标准行高的段落。在大多数浏览器中默认行高为110%到120%。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大 阅读全文
posted @ 2012-08-10 10:10 xngeer 阅读(206) 评论(0) 推荐(0)
摘要: 主要是属性background-position的应用可取三种类型的值:1. top right bottom left center2. x% y%3. xpos ypos应用示例:1. 设置一个button的默认状态和hover高亮确定2. 背景图片出现在元素的任意位置,以“右边框”为例3. css sprites 选一张大图的一部分做背景,如input的背景图等确认小结,被普遍认可的css sprites可以减少http请求次数,把页面上需要的所有小图标合成一张大图加载是不错的选择但新手们往往会被大图搞晕乎,其实,我们可以通过设置background-position只显示我们需要的部分 阅读全文
posted @ 2012-08-10 08:49 xngeer 阅读(1099) 评论(4) 推荐(0)