在任何一个项目或者系统开发之前都需要定制一个开发约定和规则，这样有利于项目的整体风格统一、代码维护和扩展。由于Web项目开发的分散性、独立性、整合的交互性等，所以定制一套完整的约定和规则显得尤为重要。 第一节 CSS样式文件的命名 建立样式表文件时，分类编写样式到下列样式表文件中，并统一放在【CSS】文件夹里： 主要 main.css 文字样式 font.css 表格 table.css 主题... [阅读全文]

写HTML5和CSS3，以及JavaScript，前端开发者有了大大的用武之地。大家都在用很多的工具和技术来武装自己，以加快前段的开发。 本文分享了6中最有效的方法，希望能提供你的效率，为你节约时间。 1. Dynamic CSS（动态 CSS） 如果你想加速你的CSS代码编写，那么你需要学习并掌握动态CSS。大部分的动态CSS增加了nested riles,variables, mixins,... [阅读全文]

谢HTML5和CSS3，以及JavaScript，前端开发者有了大大的用武之地。大家都在用很多的工具和技术来武装自己，以加快前段的开发。 本文分享了6中最有效的方法，希望能提供你的效率，为你节约时间。 1. Dynamic CSS（动态 CSS） 如果你想加速你的CSS代码编写，那么你需要学习并掌握动态CSS。大部分的动态CSS增加了nested riles,variables, mixins,... [阅读全文]

在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开发HTML和CSS的方法。它由Sergey Chikuyonok开发。 你在写HTML代码(包括所有标签、属性、引用、大括号等)上花费多少时间？如果你的编辑器有代码提示功能，你编写的时候就会容易些，但即便如此你还是要手动敲入很多代码。 在JavaScript方面，当我们想要在一个页面上获取某个特定的元素时，我们就会遇到同样的问题，我们必须写... [阅读全文]

点评：CSS3草案中定义了{opacity: | inherit;}来声明元素的透明度，这已经得到了大多数现代浏览器的支持，而IE则很早通过特定的私有属性filter来实现的，所以HTML元素的透明效果已经无处不在了。首先看看A级浏览器所支持的用CSS实现元素透明的方案： 浏览器 最低版本 方案... [阅读全文]

点评：CSS3草案中定义了{opacity: | inherit;}来声明元素的透明度，这已经得到了大多数现代浏览器的支持，而IE则很早通过特定的私有属性filter来实现的，所以HTML元素的透明效果已经无处不在了。首先看看A级浏览器所支持的用CSS实现元素透明的方案： 浏览器 最低版本 方案... [阅读全文]

点评：CSS进阶教程：CSS中内联元素与块级元素.p、h1、或div等元素常常称为块级元素，这些元素显示为一块内容；Strong,span等元素称为行内元素，它们的内容显示在行中，即“行内框”。（可以使用display=block将行内元素转换成块元素，display=none表示生成的元素根本没有框，也既不显示元素，不占用文档中的空间） 　　《CSS权威指南》中文中：任何... [阅读全文]

点评：CSS进阶教程：CSS中内联元素与块级元素.p、h1、或div等元素常常称为块级元素，这些元素显示为一块内容；Strong,span等元素称为行内元素，它们的内容显示在行中，即“行内框”。（可以使用display=block将行内元素转换成块元素，display=none表示生成的元素根本没有框，也既不显示元素，不占用文档中的空间） 　　《CSS权威指南》中文中：任何... [阅读全文]

点评：一下收集分享的数据图表的展示效果，是完全用html和css来实现的。通过仔细研究学习这些案例对于我们学习css会有很大帮助的。1、完全使用div、span和css制作的数据图表。2、有很多用纯css制作的数据图表，我感觉这个是做的最漂亮的一个。3、这个线形数据图表完全基于html和css制作的，没有应用js。这样的图图表加载快，而且延展性比较灵活。4、这个竖状条形图完全使用html和css制... [阅读全文]

点评：一下收集分享的数据图表的展示效果，是完全用html和css来实现的。通过仔细研究学习这些案例对于我们学习css会有很大帮助的。1、完全使用div、span和css制作的数据图表。2、有很多用纯css制作的数据图表，我感觉这个是做的最漂亮的一个。3、这个线形数据图表完全基于html和css制作的，没有应用js。这样的图图表加载快，而且延展性比较灵活。4、这个竖状条形图完全使用html和css制... [阅读全文]

点评：不管是CSS验证，HTML验证还是RSS验证工具，我们都不应该为了验证而验证。验证工具更主要的目的是为了发现错误并修正它们。本文为你介绍14款免费的RSS、CSS和HTML验证工具。不管是CSS验证，HTML验证还是RSS验证工具，我们都不应该为了验证而验证。验证工具更主要的目的是为了发现错误并修正它们。本文为你介绍14款免费的RSS、CSS和HTML验证工具。Firefox插件CSS 验证... [阅读全文]

点评：不管是CSS验证，HTML验证还是RSS验证工具，我们都不应该为了验证而验证。验证工具更主要的目的是为了发现错误并修正它们。本文为你介绍14款免费的RSS、CSS和HTML验证工具。不管是CSS验证，HTML验证还是RSS验证工具，我们都不应该为了验证而验证。验证工具更主要的目的是为了发现错误并修正它们。本文为你介绍14款免费的RSS、CSS和HTML验证工具。Firefox插件CSS 验证... [阅读全文]

点评：系统原来的更换CSS模板是要重新刷新一下儿页面的，我一直都对这个功能很不满意，百分之九十五的功能都用AJAX无刷新的实现了，难道要在这个小小的更换页面CSS模板上给用户添点恶心吗？于是，昨天晚上好好考虑了这个功能上的实现，原来发现其实并不难，小改一下就OK了，现在 系统原来的更换CSS模板是要重新刷新一下儿页面的，我一直都对这个功能很不满意，百分之九十五的功能都用AJAX无刷新的实现了，难道... [阅读全文]

点评：一个对付此类错误的技巧就是首先验证你的标签和样式表。很幸运，有许多免费工具可以验证你的HTML，CSS以及RSS源是否正确。 没有什么比这更恼人了：创建并装饰了一个网页，认为已经做到完美，但测试时却出现一些未知的错误，并且不易改正它们。一个对付此类错误的技巧就是首一个对付此类错误的技巧就是首先验证你的标签和样式表。很幸运，有许多免费工具可以验证你的HTML，CSS以及RSS源是否正确。 没... [阅读全文]

点评：Javascript和DOM关系很暧昧，弄不明白CSS和HTML 前端技术层 （图片有点偏激，仅供参考） Javascript和DOM关系很暧昧，弄不明白! CSS和HTML Javascript和DOM关系很暧昧，弄不明白CSS和HTML 前端技术层 （图片有点偏激，仅... [阅读全文]

点评：一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用css可控制鼠标的显示效果，如可使鼠标移到普通文本上也显示成手型。 用css控制的语法如下: span style="cursor:*"文本或其它页面元素/span 把 *一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用css可控制鼠标的显示效果，如可使鼠... [阅读全文]

点评：　　HTML与CSS在Flash中的应用: 　　不小心看到同事Den在弄个小东西：在Flash里使用HTML和CSS，代码是这样： var myStyle:TextField.StyleSheet = new TextField.StyleSheet(); myStyle.load("sample.css"); content_txt.styleSheet = myStyle; cont... [阅读全文]

我们大部份对Css中的使用，都会在网页中使用一个Link标签来引入一个Css文件．或者在 网页中Head标签内定义Css样式．其实Dom提供了若干个指令．可以动态的设置或获取元素的Css外观样式．你或许在其他网站中看到过＂换肤＂的功能．该技术就是使用了Dom指令 为当前网页引入了一个新的Css文件．让网页的外观骤然改变．当然你也可以只针对当前网页中某个元素的外观进行设置．运用得当可以很大程度的提高... [阅读全文]

前一阵在园子里看到一篇文章《使用css3仿造window7的开始菜单》，文中仅使用CSS3 实现了Windows 7 开始菜单的动态效果，很久以来一直被WPF/Silverlight 山上的风景所吸引，未成想其他的山也同样引人入胜。于是心血来潮也尝试着做了一个Windows 7 桌面效果，先来看几张截图吧。桌面程序鼠标Hover 效果：任务栏程序鼠标Hover 效果： 开始菜单效果：桌面... [阅读全文]

没有什么比这更恼人了：创建并装饰了一个网页，认为已经做到完美，但测试时却出现一些未知的错误，并且不易改正它们。一个对付此类错误的技巧就是首先验证你的标签和样式表。很幸运，有许多免费工具可以验证你的HTML，CSS以及RSS源是否正确。有了这些易用的工具，你就可以放心，访问者看到的就是你想要展示的。我们已经收集了14个工具，包括在线工具和Firefox插件，必有一个满足你的需求。Firefox插件C... [阅读全文]

HTML元素的默认CSS设置介绍——一下css代码是默认的html的默认css设置，这里与大家一同分享…… 以下是引用片段：/**default css style**/ html, address, blockquote, body, dd, div, dl, dt, fIEldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframe... [阅读全文]

CSS文件先准备还是先写好HTML文件？网上有很多种答案：先写HTML后写CSS；先写CSS后写HTML；两者同时写。　　我的准则是先写HTML打好基础，然后再写CSS进行表现的控制！　　对于初学者我建议两者一起写，先写CSS或者先写HTML对于初学者都不是恰当得的方法。　　如果让一个人编写代码，你告诉他先写HTML,写完后HTML不能修改了，然后你写CSS，如果他可以写出来，那这个人一定是一个水... [阅读全文]

（1）举个简单例子：.classNameA .classNameB .classNameC 就是一个类包路径,A包含B,B包含C. 意思就是,在A块内的全部HTML代码(包括B块、C块),先应用样式classNameA； 然后，在B块内的全部HTML代码(包括C块),先应用样式classNameA，之后再先应用样式classNameB； 最后，在C块内的全部HTML代码,先应用样式classNam... [阅读全文]