网页制作

大小不固定的图片和多行文字的垂直水平居中实现分析

其核心原理其实与第二种利用font-size大小实现IE下图片垂直居中是一致的。将font-size设置得很大,目的是撑开IE下默认文字空间的高度,其性质类似于空格,然后通过vertical-align:middle属性让图片与这个高高的空白空格空间垂直居中对齐,需要的朋友可以参
收藏 0 赞 0 分享

display:table-cell实现兼容性的两栏自适应布局实现代码

display:table-cell实现兼容性的两栏自适应布局,需要的朋友可以参考下
收藏 0 赞 0 分享

基于display:table的CSS布局让HTML元素和像table一样

display:table的CSS声明能够让一个HTML元素和它的子节点像table元素一样。使用基于表格的CSS布局,使我们能够轻松定义一个单元格的边界、背景等样式,而不会产生因为使用了table那样的制表标签所导致的语义化问题
收藏 0 赞 0 分享

带你深入剖析inline-block属性值的前世今生

曾几何时,display:inline-block 已经深入「大街小巷」,随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码,本文将带你深入剖析该属性值的前世今生
收藏 0 赞 0 分享

CSS学习中的瓶颈期深入分析

“瓶颈”指瓶子的颈部,相对狭窄。这是很传神的一个词,因为狭窄,因此难以突破;但是,一旦突破了,就是广阔天空(偌大瓶身)满瓶不动半瓶摇,这个阶段实际上是CSS非常初级的阶段,也是广大页面仔们最为浮躁,最自以为是,最觉得CSS不过如此的阶段
收藏 0 赞 0 分享

浮动从何而来 我们为何要清除浮动 清除浮动的原理是什么

浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7以下无特殊说明均指 windows 平台的 IE浏览器
收藏 0 赞 0 分享

inline-block空隙之css letter-spacing与字体大小/字体关系数据表

本文提供inline-block空隙--letter-spacing与字体大小/字体关系数据表,需要的朋友可以参考下
收藏 0 赞 0 分享

CSS3制作半透明边框(Facebox)类似渐变

CSS3制作半透明边框记得以前Facebook有段时间使用了非常多的半透明边框(Facebox),虽然现在不支持了,但是还是值得研究一下,接下来将详细介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

IE6无法识别伪对象:first-letter和:first-line解决方法

IE6无法识别伪对象:first-letter和:first-line,换浏览器只是其中比较笨的一种方法,参考了相关的资料和文献,发现也可以通过代码调试来改变,目前,有找到了两种相关联的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

CSS让高度不确定图片垂直居中的几种技巧

在网页设计过程中,有时候会希望图片垂直居中的情况,而且,需要垂直居中的图片的高度也不确定,这就会给页面的布局带来一定的挑战,本文总结了一些实用方法,需要的朋友可以了解下
收藏 0 赞 0 分享

IE6支持!important吗 如何用!important解决浏览器兼容性问题

第一个,是设置样式的优先级,设了!important的样式的属性优先于id选择器和class选择器;第二个,可以利用它让页面效果在ff等浏览器上和ie6效果更相同
收藏 0 赞 0 分享

CSS技术的出现实现结构与表现分离

现在做网站离不开CSS,这个就像鱼离不开水一样;我认为CSS的出现具有以下几个重要作用修饰页面的元素时,避免了对HTML元素的改动,使合理的语义化标记处于更好的位置,更好的发挥标记的作用
收藏 0 赞 0 分享

IE对标准的支持不够好导致CSS渲染跟其它浏览器有什么不同

由于IE系浏览器对标准的支持不够好,导致Web开发中经常需要去处理浏览器兼容性问题,本文将对此问题进行深入讲解,需要了解的朋友可以参考下
收藏 0 赞 0 分享

CSS实现圆形放大镜狙击镜效果 只有圆圈里的放大

图片放大,这是一个比较容易的效果了。当然,今天说的可不是简简单单的在一个框里放大,而是一个圆,就像放大镜或是狙击镜那样,只有圆圈里的放大,圈外的当然还是原来的图片,需要的朋友可以参考下
收藏 0 赞 0 分享

css sprites技术 CSS Sprites图片切割术与图片优化深入理解

近段时间一直在做前台的一些东西,涉及到很多div+css的问题,原来这个叫CSS Sprites技术,我对前台这些个东西比较感兴趣,所以会去了解多一点
收藏 0 赞 0 分享

多列等高的CSS实现代码

这种情况下就需要两列的高度保持一致了,左边高度增加,右边也跟着增加,右边高度增加,左边同样也要增加,否则就会出现“断层”的效果,接下来将介绍多列等高的实现方法,需要的朋友可以了解下
收藏 0 赞 0 分享

用CSS禁用输入法(CSS3 UI规范)实例解析

禁用输入法属性ime-mode是CSS3中最新添加的属性,更准确点说,是CSS Basic User Interface Module Level 3 (CSS3 UI)规范新添加的属性,需要了解更多的朋友可以参考下
收藏 0 赞 0 分享

多浏览器兼容flexbox容器的样式代码

不同浏览器对于flexbox的定义有所不同,这也是所有从事类似职业伙伴们所头痛的问题,本文将详细介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

css选择器优先级深入理解

css基础选择器有标签选择器、类选择器、id选择器、通用选择器,本文将深入介绍css选择器优先级,这会给正在解决优先级问题的朋友,带来些许帮助
收藏 0 赞 0 分享

IE6浏览器不支持固定定位(position:fixed)解决方案

有些朋友在进行网页布局时,会遇到IE6浏览器不支持固定定位(position:fixed),本文将详细介绍此问题的解决方法,需要了解的朋友可以参考下
收藏 0 赞 0 分享