IE下margin:auto失效

Author : lovecicy

最近碰到一个问题,在IE8下,margin:auto失效了。在网上搜了下,发现好多人遇到这个问题。 但是,在MSDN的文档表明,IE6及之后的浏览器都支持此样式。那到底是什么原因会失效呢。 原来出问题的是<!DOCTYPE>。当没有指定<!DOCTYPE>时, IE会以怪癖模式来显示文档,即IE5.5的模式,因此margin:auto会失效。而其他高级浏览器则不会出现问题。 但是我看了下我的文档,发现是有定义<!DOCTYPE>的。只是在php中,多个文件include以后,在一个被include的文件顶部的注释被放到了<!DOCTYPE>之前,因此引起了这个问题,在把注释去掉之后,问题就解决了。 参考:http://www.lifelaf.com/blog/?p=97

standard

Markdown标记语言上手笔记

Author : lovecicy

最近在玩Github,新建了一个测试项目,用来熟悉Github的操作,发现README文件的排版挺好玩的,就查看了下Github Flavored Markdown, 发现和之前在StackOverflow上使用的是同一种排版方式,通过简单方便的字符排列,就可以写出排版良好的页面。查了下,发现Markdown是苹果的狂热粉丝John Gruber创建的一种轻量级标记语言。在Daring Fireball上的介绍页上,给Markdown的定位是:a text-to-HTML conversion tool for web writers,是为web写手打造的文字转HTML工具。 通过几分钟的学习,你就可以很快上手,这也印证了Markdown的介绍,为web写手提供的简单易用的排版工具,你可以用易读易写的方式编辑文章,然后用它方便的转化成(X)HTML。 下面就来看一下Daring Fireball网站的文档,学习下Markdown的标准语法: 1. 行内元素 对于Markdown语法没有覆盖到的标签,你可以直接使用HTML而不用任何特殊的声明或语法来说明你正在Markdown和HTML之[Read More]

standard

8款精致的纯CSS3按钮特效

Author : lovecicy

按钮是网页中用户交互的重要元素之一,一款吸引人眼球的按钮能更好的引导用户去点击,从而产生网站期望得到的效果。今天向大家分享8款外观精致的纯CSS3按钮特效组合,一起来看看。 1、漂亮的纯CSS3图标按钮组合 带图标的纯CSS3按钮组合,图标简洁清爽,按钮美观大方,很不错的一款按钮特效。 在线演示 / 源码下载 2、CSS伪元素实现的3D按钮 CSS伪元素实现的3D按钮,一共5组按钮,是一款绚丽的CSS3按钮特效。 在线演示 / 源码下载 3、超具立体感的CSS3 3D弹性按钮 CSS3 3D立体弹性按钮,这个按钮是使用纯CSS3制作的3D弹性按钮,你可以试着点击这个按钮,感觉非常有意思。 在线演示 / 源码下载 4、纯CSS3圆形社会化分享按钮 由网页素材大全网站整理发布的纯CSS3圆形社会化分享按钮,这款CSS3按钮十分清爽,也十分漂亮。 在线演示 / 源码下载 5、纯CSS3气泡效果的按钮组合 纯CSS3气泡效果的按钮组合,这款CSS3按钮非常具有创意,当你把鼠标移入按钮时,按钮中就会出现漂亮的气泡效果。我们有更多这样的按钮特效收藏在JS特效网站中。 在线演示 / 源码下载 6、3[Read More]

standard