如何使用CSS3画出一个叮当猫

如何使用CSS3画出一个叮当猫

浏览次数:175 发布时间:2016-01-01

刚学习了这个案例,然后觉得比较好玩,就练习了一下。然后发现其实也不难,如果你经常使用PS或者Flash的话,应该就会知道画个叮当猫是很容易 的事,至少我是这么觉得。但是,用...

讨论CSS中的各类居中方式

讨论CSS中的各类居中方式

浏览次数:175 发布时间:2016-01-01

今天主要谈一谈CSS中的各种居中的办法。 首先是 水平居中 ,最简单的办法当然就是 复制代码 代码如下: margin:0 auto; 也就是将margin-left和margin-right属性设置为auto,从而达到水平居中的效...

详细分析css float 属性以及position:absolute 的区别

详细分析css float 属性以及position:absolute 的区别

浏览次数:173 发布时间:2016-01-01

1.float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素...

CSS3实例分享之多重背景的实现(Multiple backgrounds)

CSS3实例分享之多重背景的实现(Multiple backgrounds)

浏览次数:173 发布时间:2016-01-01

CSS3的诞生为我们解决了这一问题,在CSS3里,通过background-image或者background可以为一个容器设置多张背景图像,也就是说可以把不同背景图象只放到一个块元素里。 首先我们来看一下语...

CSS3+Js实现响应式导航条

CSS3+Js实现响应式导航条

浏览次数:169 发布时间:2016-01-01

今天制作了一个响应式导航条,能够自动随着不同的屏幕分辨率或浏览器窗口大小的不同而改变导航条的样式,这里主要用到的就是CSS3的Media Query。具体可以查看浅谈响应式布局这篇文...

HTML <!DOCTYPE> 标签

HTML <!DOCTYPE> 标签

浏览次数:170 发布时间:2016-01-01

在默认情况下,FF和IE的解释标准是不一样的,也就是说,如果一个网页没有声明DOCTYPE,它就会以默认的DOCTYPE解释下面的HTML。在同 一种标准下,不同浏览器的解释模型都有所差异,如...

从零学CSS系列之文本属性

从零学CSS系列之文本属性

浏览次数:172 发布时间:2016-01-01

1.line-height 可以给某个元素指定一个不带单位的缩放因子,这样它的后代元素就会继承这个缩放因子,再根据自身的字号大小来计算自己的行高(line-height)值, 复制代码 代码如下: body...

父div高度不能自适应子div高度的解决方案

父div高度不能自适应子div高度的解决方案

浏览次数:168 发布时间:2016-01-01

复制代码 代码如下: div id="parent" div id="content" /div /div 当content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。解决方案如下: 复制代码 代码如下...

li中插入img图片间有空隙的解决方案

li中插入img图片间有空隙的解决方案

浏览次数:165 发布时间:2016-01-01

直接加样式img{vertical-align:bottom; display:block} 当然在某些情况下无效,比如我要加三个图片,上中下,中间的图片是设为背景,发现用此方法无效,只是上和中的图片空隙没了,而下与中之间还存...

三个不常见的 HTML5 实用新特性简介

三个不常见的 HTML5 实用新特性简介

浏览次数:171 发布时间:2016-01-01

一、DNS 预解析缓存 众所周知,解析 DNS 是网站性能优化的比较重要的一部分,虽然加载时间不太长,但是很难压缩起来。特别是为了并发下载资源而使用多个 CDN 域名来加载资源的大型...