摘要: 各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备,以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁,更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CSS功能。 在CSS中用attr()显示HTML属性值 attr()功能早在CSS 2.1标准中就已经出现,但现在才开始普... 阅读全文
posted @ 2014-09-27 19:57 一丁o 阅读(243) 评论(0) 推荐(0) 编辑
摘要: HTML已经走过了近20的发展历程。从HTML4到XHTML,再到最近十分火热的HTML5,它几乎见证了整个互联网的发展。但是,即便到现在,有很多基础的概念和原则依然需要开发者高度注意。下面,向大家介绍这些应该遵循的开发原则。 1、善用DIV来布局 当开发一个Web页面时,要考虑第一件事就是区分页面重点。将这些内容用DIV标签包含起来,页面的代码会呈现出整洁、缩进良好的风格。 ... 阅读全文
posted @ 2014-09-27 19:35 一丁o 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 一、margin和padding缩写 例: .sample-margin1{ margin-top:15px; margin-right:20px; margin-bottom:12px; margin-left:24px; } 缩写后: .sample-margin1{ margin:15px 20px 12px 24px; } padding与margin缩写形式一样 缩写规... 阅读全文
posted @ 2014-09-27 14:54 一丁o 阅读(407) 评论(0) 推荐(0) 编辑
摘要: 使用CSS也好久了,但一直都是在使用“px”来设置Web元素的相关属性,未敢使用“em”。主要原因是,对其并不什么了解,只知道一点概念性的东西,前段时间在项目中要求使用“em”作为单位设置元素,所以从头对“em”学习了一回。稍为有一点理解,今天特意整理了一份博文与大家一起分享,希望对童子们有些许的帮助。 这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局,从而学习其如何计算?又是如何使用“... 阅读全文
posted @ 2014-09-27 00:42 一丁o 阅读(213) 评论(0) 推荐(0) 编辑