实现文本水平和垂直居中的方法有很多，但都是通过各种技巧来实现，优劣点都会存在。 CSS3 Flex 弹性盒模型在 IE11 及其他现代浏览器中已广泛支持，其丰富的功能和繁多的属性定义，使得入门起来有点抽象难懂。 这里只通过示例简单介绍使用 CSS3 Flex 弹性盒布局方式，实现文本居中的方法。 CSS 核心代码： display: flex; align-items: center; justi

Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： <link href=\"css/reset.css\" rel=\"stylesheet\" type=\"text/css\" media=\"screen\" /> <link href=\"css/style.css\" rel=\"stylesheet\" type=\"text/cs

CSS3 是个好东西，但也很容易被她的变形（transform）和动画（其中许多特性因浏览器厂商而异）特性所迷惑，因而忘了那些已经被添加到标准规范中的最为基本的选择器。许多强大的新伪类选择器（最新的 W3C 规范中列出了 16 条）使得我们能够在新的标准范围内使用元素选择器。 在探讨这些新的 CSS3 伪类之前，先简要回顾追溯一下这些在 Web 应用中常常被误解的 CSS 选择器。 1. 伪类简史

早上登陆 qq 后，不时的几个关于开发的群里都贴出了 oc 的地址，打开一看，噢，CSS3 的 transform rotate特性！ 查看下页面属性，即是 js 的方式对页面全局加了如下属性： -webkit-transform: rotate(-8deg); 你可以如此来写： body { -moz-transform: rotate(-8deg); -webkit-transform: ro

CSS3的box-shadow阴影效果 浏览器参照基准：Firefox4 and Later, Chrome5 and Later, Safari5 and Later, Opera10.53 and Later, IE9.0 and Later 内阴影效果（偏移值都为正）： #box-shadow{ -moz-box-shadow:5px 5px 5px #999 inset; /* For F

这是一个传说，在两年前第一份CSS3中文手册出来没几天时，它就躺在我的电脑里了，可惜只是一直躺着，仅此而已。其实我算是个用到什么才会去学习什么的懒人，所以很多东西都只是“略懂，略懂”。 这次看到了CSS3的​​​​​Transition的小绚丽，我就不淡定了，立即马上扒别人的代码查找详细资料补充营养。本站对transition属性的旋转特性作了应用，可将鼠标滑动到页面导航栏