存档: 标签: ‘CSS’

纯CSS实现的下拉滑动菜单

2 条评论 2010年1月14日

页面文件的主要部分:可以是.html或者.jsp创建,都可以。
<div id=”navbar”>
<ul> /*主菜单1*/
<li><a>Products</a>
<ul> /*下拉菜单项*/
<li><a>Pagewhacker</a></li>
<li><a>InstaWeb</a></li>
<li><a>BookWriter</a></li>
</ul> 继续阅读…

Unobtrusive Javascript

没有评论 2010年1月5日
Unobtrusive Javascript

Unobtrusive Javascript

Web设计的三个主要部分:XHTML(Extendsible HyperText Markup Language,可扩展标记语言)、CSS(Cascading Style Sheet ,层叠样式表)和使用javascript的DOM(Document Object Model,文档对象模型)脚本语言。

其中,XHTML用于提供文档结构的语义标记,CSS为文档布局提供定位和样式,而DOM脚本编程用于增强文档的行为和交互性。谈到增强文档的行为和交互性,如今的网页开发基本上已经实现了CSS与HTML的样式Unobtrusive与结构的分离,但是DOM在行为与结构的分离上做的还不是很好,或者说很少人注意到这点,并且遵循此规则。

DOM编程实现行为与结构的分离,也就是用javascript来实现脚本页面的分离,做到文档功能的“渐进增强(progressive enhancement)”和“平稳退化(graceful degradation)”,也就是实现Unobtrusive Javascript,即不唐突的javascript. 继续阅读…

Firebug中的console

2 条评论 2009年12月19日

公司现在开发的系统编码是GBK,只能在IE6、IE7下浏览,与Firebug和IE8 不兼容,每次调试代码都是非常痛苦,需要不停的alert,让人心烦!开发网站,不能用强大的调试工具调试代码,对于开发人员来说,生不如死。虽然,暂时用不上Firebug,但是研究一下Firebug怎样调试代码,还是很有必要的。

Firebug一共有Console,HTML,CSS,Script,DOM,NET六个Tab,Console可以记录日志,还提供了通过命令行方式来调试Javascript的方法。

继续阅读…

CSS !important

1条评论 2009年12月19日

CSS中的!important是一个非常重要的属性,有时候发挥着非常大的作用,在IE和其他(Mozilla、Opera等)浏览器里显示的效果常常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。

!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权。
语法格式{ sRule!important },即写在定义的最后面,如:

box{color:red !important;}

最重要的一点是:IE一直都不支持这个语法,而其他的浏览器都支持。我们就可以利用这一点来分别给IE和其它浏览器不同的样式定义。