定义
IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS 属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式，CSS属性的值等于 Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一 个成员函数中一样。
给元素固有属性赋值
例如，你可以依照浏览器的大小来安置一个元素的位置。
#myDiv {
position: absolute;
width: 100px;
height: 100px;
left: expression(document.body.offsetWidth - 110 + "px");
top: expression(document.body.offsetHeight - 110 + "px");
background: red;
}
发表评论 »
原文作者：Jeffrey Way
原文链接：30 HTML Best Practices for Beginners
译者：oncoding
许许多多的网页新手正徘徊在专业编码的门槛前，而网上的教程参差不齐，鱼龙混杂，很容易让新手迷茫。这里总结了30条网页编码的“秘技”，只要在编码过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。
1. 一定要闭合标签
在以往的页面源代码里，经常看到这样的语句：
<li>Some text here.
<li>Some new text here.
<li>You get the idea.
也许过去我们可以容忍这样的非闭合标签，但在今天的标准来看，这是非常不可取的，是必须百分百避免的。一定要注意闭合你的标签，否则将无法通过验证，并且容易出现一些难以预见的问题。
发表评论 »
上面我们学习了jquery 的 addClass和removeClass方法
下面我们来看看 css,height和width
首先我们看看 css(key, value) 和 css(name)
css(key, value)
在所有匹配的元素中，设置一个样式属性的值。
css(name)
访问第一个匹配元素的样式属性。使用这个方法可以很容易地取得第一个匹配元素的样式属性的值。
css(properties)
把一个“名/值对”对象设置为所有匹配元素的样式属性。 这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
首先我们看看
css(key, value)
我们看看下面代码
$("#css1").click(function(){
$(this).css("border","2px dashed #000000");
})
当鼠标单击ID等于css1的元素 此元素的border属性设置成 "2px dashed #000000"
发表评论 »
p.codice{text-align:left;background: #E8ECFF;line-height:1.4}
ul#gallery{float:left;font-size:12px;line-height:1.4}
ul#gallery, ul#gallery li{list-style:none;margin:0;padding:0}
ul#gallery li{float:left;display:inline;margin: 0 0 20px 20px;width:120px;text-align:center}
ul#gallery img{display:block;width:100px;height:70px;border:0px solid;margin:0 auto 5px}
ul#gallery a{display:block;height:140px;padding: 10px 0;background: #BFDDED;color: #333;border:1px solid #007BC4;text-decoration: none}
ul#gallery a:hover{background: #007BC4;color: #FFF;border-color:#000}
div#details{clear:left}
很不错的文章，有空翻译一下，先做个引文大家看：
by Alessandro FulcinitiIn November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative ...
发表评论 »
一个月前，Gmail重新设计了所有按钮。
原来的按钮是这样的。
发表评论 »
Pinceladasdaweb 发表了一篇10 Técnicas para Reset CSS，Sofish 翻译在这里 - 10款浏览器CSS Reset的方法。尽管每次写代码都是首先写这些东西，但以前一直不知道这叫CSS Reset。查阅了相关资料，其实很简单:
CSS Reset 或 Reset CSS，CSS重置，CSS重设，CSS复位，默认CSS… 怎么叫都可以。每个浏览器会对HTML标记有自己默认的CSS样式定义，为了达到高度和谐的统一，先通过Reset CSS把所有的元素样式都定义为统一标准了，再去基于自定义的这个标准书写接下来的CSS。我以前碰过一些朋友老是问布局在IE下错乱的非常诡异，有的时 候可能就是没进行Reset CSS，而浏览器写了一些你没看到的代码，就乱七八糟了。
发表评论 »
原文作者：Dezinerfolio.com 原文链接：CSS Standards & Best Practices 译者：FlyChina 原文：CSS Standards & Best Practices 译者：FlyChina CSS是用来定义网站的用户界面或将显示和内容区分开来的。 由于CSS被广泛地使用在几乎所有网站上，所以让我们花些时间来创建样式表并确保它符合良好的标准。下面的技巧会极大地在开发过程中帮助CSS初学者。 索引 本处的定义将帮助你和其他开发者了解网站和CSS文件，还将帮助你们了解CSS文件中的内容。索引部分知识一个格式化了的CSS注释段落。 给出CSS文件的作者信息 ...
发表评论 »
今天是这个连载的最后一部分，内容关于网页的布局。 废话少说，大家先看我做的一个范例网页，请点击进入。 然后，我对这个范例做一点解释。
发表评论 »
今天，我要写的是CSS文件的模块化。 如果你看过CSS文件，就会知道很难看懂它。每个CSS文件有许多行，每一行就是一条命令，可以放在文件的任何位置，都能够同样生效，而且后面的行随时可以覆盖前面的行的设置。所以，阅读CSS文件就好像猜谜一样，必须努力将不同的线索拼起来，令人非常痛苦，这直接导致了日后难于维护和修改。 考虑到这一点，很早就有人提出了CSS文件的模块化，就是将相关的设置都放在一起。一般来说，CSS中的设置可以分成下面几个模块： * typography（字体） * colour（颜色） * link（链接） * forms（表单） * layout（布局） * navigation（导航） 这些模块当然不是固定不变的，你可以根据自己的需要进行增删。有时候，单单一个模块中就有许多行，这时候，你就可以把它独立出来，作为一个单独的CSS子文件，然后在父文件中进行调用。
发表评论 »
我经常写网页。 很多人喜欢用Dreamweaver，但是我的习惯是直接手写代码。虽然那样看上去很原始，但是能够做到对网页最精确的控制，并且减少了不必要的冗余代码。 手写代码最麻烦的地方在于，每次都必须写一些重复性的代码，比如<head>和<body>这样的标签。所以，这两天我就在做一个模板，将那些重复性的代码都事先写好，以后写网页的时候，只要直接写内容部分就可以了。 下面就是我制作模板的过程，也顺便整理了一下相关的HTML和CSS知识。我想对需要自己设计网页的朋友，应该都是有用的。 因为内容比较多，需要分三次才能贴完。今天是第一部分"HTML模板"。
发表评论 »
