前段时间客户传来一张网站效果图，由于客户是做平面设计人员，并无制作网页的经验，因此效果图中大量使用渐变色,而且多层重叠着使用,导致整个切图工作无法进行，因此不得不考虑采用CSS样式。 笔者根据效果图大致模拟了一张两层渐变的重叠效果图，如下： 图1 图一采用两...

2008-02-23 08:41:51

应用Div CSS网页布局，制作符合web标准的网站，容易出现的一些问题。 现在总结一下，以便大家能够看到明白问题出在那里。 一.CSS校验的问题 我们设计的网页，都希望符合XHTML标准，CSS通过W3C的校验。有些未通过CSS2.0校验，主要校验错误都是:“Line : 0 font-family:...

2008-02-23 08:41:46

样式与数据分离所带来的不只是符合标准这样的简单，样式既然与数据分离那么样式的切换则变得理所当然的了！但是网上这样的中文教程实在是太少了！所以我收集了一部分中外网站已经实现的技术资料整理出来供网友参考。 首先要具备不同内容的CSS文件（最好每个文件代表一种...

2008-02-23 08:41:44

好的下面来讲《我的WEB命名标准》。在昨天的《建立自己的操作标准》一文中，我指出：提高开发速度的主要方法是减少重复劳动。而今天的这个主题也是为了要减少重复劳动而进行的一些前期工作。闭话少说，我直接进入正题： 我们在命名是一定要注意一点——ID名称不能夹有样...

2008-02-23 08:41:44

列表UL或是OL中都有一个预设标记，这个标记可能是实点圆点，也可能是数字。在实际的应用中，我们需要去掉这个预设标记，但我们不清楚这个预设标记是存在于什么位置。因为IE与FF似乎在处理UL的预设标记时都有着不同的方式：我们来写一个UL的HTML代码结构： HTML结构 ul l...

2008-02-23 08:41:39

style type="text/css" A { text-decoration: NONE; color:#51bfe0} A:hover {font-weight: bold;color:#990099} style 鼠标放在链接字体上的时候，链接字体变粗，颜色改变，如本博客上的样子。其中color:#990099表示链接字体改变的颜色，可以根据个人爱好修改，其他的...

2008-02-23 08:36:47

div id="parent" div id="content" /div /div 当Content内容多时，即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案 当Content内容多时，即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案 div id="pa...

2008-02-23 08:30:55

使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个...

2008-02-23 08:29:40

DropShadow属性 DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。看一看它的表达式： Filter：DropShadow（Color=color，Offx=Offx，Offy=offy， Positive=positive） 该属性一共有四个参数...

2008-02-23 08:27:14

使用div进行布局，提出div应当用于组织代码结构，现在我们再深入一点，div拥有语义吗？ 这个问题前段时间在研究群里曾激烈争论过，当时米随随发问：“什么是语义化WEB，div是什么？”小毅答曰：“DIV表示无意义容器。”我说：“否定。”然后旁边有人嘀咕：“...又要打...

2008-02-23 08:42:13