刘书的IT博客

我们都知道 margin:0 auto; 的样式能让元素水平居中，而 margin: auto; 却不能做到垂直居中……直到现在。但是，请注意！想让元素绝对居中，只需要声明元素高度，并且附加以下样式，就可以做到：12345.Absolute-Center {margin: auto;positi

Bootstrap是由前Twitter设计师Mark Otto和Jacob Thornton开发的前端工具包，其提供了优雅的HTML和CSS规范。Bootstrap不单单是一个框架，更确切的说，它改变了整个游戏规则。该框架使得许多应用和网站的设计开发变得简便许多，而且它将大量的HTML框架普及成了产品。 　　本文为你带来15款针对Bootstrap框架的开发工具，可以帮助你更轻松地使用Bo

HTML5 作为下一代网站开发技术，无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者，都值得去研究。借助尖端功能，技术和 API，HTML5 允许你创建响应性、创新性、互动性以及令人惊叹的漂亮网站。更进一步，你也可以使用 HTML5 创建原来只能用于桌面平台上的复杂应用程序。　　这篇文章挑选了10个适合初学者的 HTML5 入门教程，带你踏上 HTML5 之旅。　　1.

42　　CSS可以改进网站的设计并且开拓网站设计更多的可能性，可以令你的网页更具吸引力。对于前端开发者、网站设计师来说，掌握并熟练应用CSS是一项必不可少的技能。 　　下面列出了一些非常实用的CSS3属性和使用技巧，希望能够为你的开发、设计工作带来一些帮助。 　　1、圆角效果　　如今的Web设计在不断跟进最新的开发技术，纷纷采用HTML5来开

这里向大家分享几份对学习 CSS3 非常有帮助的手册，大家记得收藏起来。CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写 JavaScript 才能实现的效果，如今只需要简单的写几句 CSS3 代码就能实现。CSS3 Click Chart　　演示 CSS3 特性的示例代码以及浏览器支持情况的详细信息。

随着电子设备的日益更新，网络几乎占据了我们日常生活最重要的一部分。在芸芸众生的各大网站 中，如何才能让你的网站别具一格呢？　　亮丽的色彩、优美的设计、实用的功能这些都是网站必备的特性。俗话说：“好马还需要配好鞍”。网页排版在整个网页设计中是具备吸引力和挑战性的一块，在这篇文章中我们将推荐10款最佳的排版工具以帮助开发者设计出更加完美、专业的网站。　　1.  PxtoEM

一些漂亮的HTML5和CSS3下拉菜单列表。这些例子可以帮助你得到灵感。让我们一起来看看这些下拉菜单。 　　Dark Menu: Pure CSS3 Two Level Menu　　Pure CSS3 LavaLamp Menu　　HTML5/CSS3 Gray Navigation Menu　　How to Build and Enhanc

Web开发技术每年都在革新，浏览器已逐渐支持CSS3特性，并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。　　本文将分享20段非常专业的CSS2/CSS3代码供大家使用，你可以把它们保存在IDE里、或者存储在CSS文档里，这些代码片段绝对会给你带来意外的惊喜。　　1. CSS Resets　　网络上关于CSS重置

不用介绍，软件开发界的“地球人”都知道CSS，因为它是最流行的一种样式设计语言。学习和使用CSS已经不再是一件棘手的事，因为在网上可以获得很多信息教程和CSS工具。这些工具有助于你创造出有用的、有创新的Web应用程序，同时节省更多开发步骤和时间。　　文章中收集了加速编码的17款最好的CSS工具；以帮助开发人员和设计人员简化工作。利用它们可以生成CSS菜单、动画影像、按钮、滑块、动画文本、C

1、CSS3带头像3D下拉菜单　　这款CSS3下拉菜单设计富有创意，菜单展开时拥有不错的3D效果，非常具有立体感和色彩感。　　在线演示    /    素材下载　2、CSS3折叠下拉菜单　　这是一款风格清新的CSS3下拉菜单，当鼠标移入菜单时，菜单会出现一段向下展开的折叠动画片段。　　在线演示    /    素材下载　3、jQuer

使用 CSS，你能够以极高的效率和易用性创造出美丽的设计。而目前流行的 CSS3 技术更加强大，能够创造更多丰富的效果和功能，而不需要任何外部插件。今天，我为大家收集了25个很有用的 CSS 教程，技术和资源，能够帮助你提高技能。　　01. Create a 3D Book Animation with CSS　　02. Putting CSS Clip to Work

在这里，巧妙的运用CSS的技巧，可以让你不用修改HTML就能得到很好的博客或者模板外观。我收集了一些非常有用的CSS技巧让我们设计博客时更炫更酷。设计模版和博客主题时，我经常“不断推敲和尝试CSS（Hit and Trial CSS ），我只看哪种配色方案和哪种CSS属性的结合能使页面的元素更完美。对了。之所以说是“不断推敲和尝试CSS”是因为在得到

今天在css-tricks上看到一篇文章，那篇文章让我不禁心头一震，强大的CSS啊，居然能画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox或者chrome，当然IE也能看一部分的。那好，下面就一起来看看我们是如何用纯CSS来画这些图形的，如果你

1、HTML5实时动态数据图表　　HTML5实时动态数据图表，这是一款基于HTML5技术的网页图表插件，该图表插件功能十分强大，支持区域范围选择、鼠标拖动自定义区域、显示坐标点数据等功能。　　在线演示   /   图表下载　2、jQuery/CSS3水平图片悬停效果　　这是一款基于jQuery和CSS3的图片悬浮特效，鼠标滑过图片后，图片将悬浮突出显

写了这么久的CSS，但大部分前端er都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里总结一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。　CSS书写顺序　　1.位置属性(position, top, right, z-index, display, float等)

当你开发一个网站或 Web 应用程序的时候，有合适的工具，绝对可以帮助您节省大量的时间。在这篇文章中，我为大家收集了超有用的 CSS 开发工具。　　对于 Web 开发人员来说，找到有用的 CSS 开发工具，就像找到一个魔灯，可以让他那些艰难的任务变得有趣。CSS 开发工具帮助开发人员创造更加时尚，更有创意的网站。　CSS　　Pure CSS 来自雅虎，是一组 CSS

Bootstrap是一个非常棒的前端网站开发平台，它提供了大量的开发高体验的、高效的网站所需要的组件。这给网站开发人员与网站设计师提供了很好的便捷性，他们能很快很便捷在这一平台上找到开发所需的所有组件。Bootstrap打破了原有的世界记录，并且在Github的所有项目中排名第一。Bootstrap兼容所有新的浏览器，同时向下兼容IE7.平台能快速响应，就是说，网站的设计与重新缩放是根据终端的用户