<?xml version="1.0" encoding="gb2312" ?>
<?xml-stylesheet type="text/xsl" href="RSS_xslt_style.asp" version="1.0" ?>
<rss version="2.0" xmlns:WebWizForums="http://syndication.webwizguide.com/rss_namespace/">
 <channel>
  <title>动画创作家园</title>
  <link>http://www.chinavid.com/forum/</link>
  <description>This is an XML content feed of; 动画创作家园 : Last 10 Posts</description>
  <copyright>Copyright (c) 2006-2008 Web Wiz Forums - All Rights Reserved.</copyright>
  <pubDate>Mon, 07 Jul 2008 07:58:07 +0000</pubDate>
  <lastBuildDate>Fri, 09 May 2008 16:32:47 +0000</lastBuildDate>
  <docs>http://blogs.law.harvard.edu/tech/rss</docs>
  <generator>Web Wiz Forums 9.07</generator>
  <ttl>30</ttl>
  <WebWizForums:feedURL>www.chinavid.com/forum/RSS_topic_feed.asp</WebWizForums:feedURL>
  <image>
   <title>动画创作家园</title>
   <url>http://www.chinavid.com/forum/forum_images/web_wiz_forums.png</url>
   <link>http://www.chinavid.com/forum/</link>
  </image>
  <item>
   <title>设计技术交流 : IE6浏览器网页文字溢出的解决办法(重复字符bug)</title>
   <link>http://www.chinavid.com/forum/forum_posts.asp?TID=697&amp;PID=963#963</link>
   <description>
    <![CDATA[<strong>Author:</strong> <a href="http://www.chinavid.com/forum/member_profile.asp?PF=22" rel="nofollow">Rolen</a><br /><strong>Subject:</strong> IE6浏览器网页文字溢出的解决办法(重复字符bug)<br /><strong>Posted:</strong> 09-May-2008 at 16:32<br /><br /><SPAN =font14>&nbsp;<P =code style=": rgb255,255,255">&lt;div style="width:400px"&gt; <BR>&nbsp;&nbsp; &lt;div style="float:left"&gt;&lt;/div&gt; <BR>&nbsp;&nbsp; &lt;!-- --&gt; <BR>&nbsp;&nbsp; &lt;input type="hidden" value="hidden" /&gt; <BR>&nbsp;&nbsp; &lt;div style="display:none;"&gt;hidden&lt;/div&gt; <BR>&nbsp;&nbsp; &lt;div style="float:left;width:400px"&gt;IE6文字溢出的BUG&lt;/div&gt; <BR>&lt;/div&gt;</P><P>今天在看一个项目的测试版的时候，发现了IE6文字溢出的BUG，文字出现了“重影”。</P><P>开始很快想到的是注释，看了源代码，发现页面里根本没有注释。实在摸不着头脑，祭出了Google，注意到了当初没有注意到的一句话“但IE6的这 个重复BUG也有些不是注释造成的，但基本上都和浮动有关系”。后来有查阅到其他文章提到type=hidden的input以及display: none的div也会导致文字溢出的BUG，正好代码有type=hidden的input。</P><P>在同事的帮助下(偶E问很烂)查阅了国外的资料，解决了type=hidden的input造成文字溢出的问题。不要把这个input直接放在form下面，可以用div或者fieldset把这个input包起来。</P><P =code style=": rgb255,255,255">&lt;div style="width:400px"&gt; <BR>&nbsp;&nbsp; &lt;div style="float:left"&gt;&lt;/div&gt; <BR>&nbsp;&nbsp; &lt;div&gt;&lt;input type="hidden" value="hidden" /&gt;&lt;/div&gt; <BR>&nbsp;&nbsp; &lt;div style="float:left;width:400px"&gt;IE6文字溢出的BUG&lt;/div&gt; <BR>&lt;/div&gt;</P><P>将文字区块包含在新的div之间，但这个方法对type=hidden的input以及display:none的div不奏效。</P><P =code style=": rgb255,255,255">&lt;div style="width:400px"&gt; <BR>&nbsp;&nbsp; &lt;div style="float:left"&gt;&lt;/div&gt; <BR>&nbsp;&nbsp; &lt;!-- --&gt; <BR>&nbsp;&nbsp; &lt;div style="float:left;width:400px"&gt;&lt;div&gt;IE6文字溢出的BUG&lt;/div&gt;&lt;/div&gt; <BR>&lt;/div&gt;</P><P>而display:none的div造成的文字溢出同理可以用div将这个隐藏的div包起来。</P><P>&lt;div style="width:400px"&gt; <BR>&nbsp;&nbsp; &lt;div style="float:left"&gt;&lt;/div&gt; <BR>&nbsp;&nbsp; &lt;div&gt;&lt;div style="display:none;"&gt;hidden&lt;/div&gt;&lt;/div&gt; <BR>&nbsp;&nbsp; &lt;div style="float:left;width:400px"&gt;IE6文字溢出的BUG&lt;/div&gt; <BR>&lt;/div&gt; </P></SPAN>]]>
   </description>
   <pubDate>Fri, 09 May 2008 16:32:47 +0000</pubDate>
   <guid isPermaLink="true">http://www.chinavid.com/forum/forum_posts.asp?TID=697&amp;PID=963#963</guid>
  </item> 
  <item>
   <title>设计技术交流 : IBM出品PHP教程文章</title>
   <link>http://www.chinavid.com/forum/forum_posts.asp?TID=696&amp;PID=962#962</link>
   <description>
    <![CDATA[<strong>Author:</strong> <a href="http://www.chinavid.com/forum/member_profile.asp?PF=22" rel="nofollow">Rolen</a><br /><strong>Subject:</strong> IBM出品PHP教程文章<br /><strong>Posted:</strong> 08-May-2008 at 15:15<br /><br /><P><strong>IBM出品PHP教程文章</strong></P><P>概述 <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/sdk/php/intro/index.html" target="_blank"><U><FONT color=#810081>PHP 简介</FONT></U></A></P><P>部署 <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/sdk/php/intro/index.html" target="_blank"><U><FONT color=#810081>安装 XAMPP 进行方便集成开发</FONT></U></A></P><P>源代码控制 <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=108167" target="_blank"><U>利用 PHP 和 Subversion 从零开始创建一个 blog</U></A></P><P>开发 <BR>学习 PHP <BR><a href="http://www-128.ibm.com/developerworks/cn/opensource/os-phpobj/" target="_blank"><U>开始了解 PHP V5 中的对象</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/opensource/os-php-flexobj/" target="_blank"><U>用 PHP 走向动态</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=91117" target="_blank"><U>学习 PHP，第一部分</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=91118" target="_blank"><U>学习 PHP，第二部分</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=91693" target="_blank"><U>学习 PHP，第三部分</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/sdk/php/wa-phprock1/index.html" target="_blank"><U>用 PHP 开发健壮的代码，第 1 部分</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/sdk/php/wa-phprock2/index.html" target="_blank"><U>用 PHP 开发健壮的代码，第 2 部分：有效地使用变量</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/sdk/php/wa-phprock3/index.html" target="_blank"><U>用 PHP 开发健壮的代码，第 3 部分：编写可重用函数 -- 充分利用函数</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/w-zoltan/index.html" target="_blank"><U>PHP 例解,第 1 部分：轻松的 Webzine 编辑和发送</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/web-zoltan2/index.html" target="_blank"><U>PHP 例解,第 2 部分：深入研究 Webzine 编辑和发送</U></A></P><P>高级 PHP <BR><a href="http://www-128.ibm.com/developerworks/cn/opensource/os-advphpobj/" target="_blank"><U>高级 PHP V5 对象</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=110102" target="_blank"><U>用 PHP 构建 Web 服务</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=110077/" target="_blank"><U>用 PHP 绘制 3-D 图像</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/opensource/os-objorient/" target="_blank"><U>使用 PHP 创建图形的巧妙方法</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=102961" target="_blank"><U>如何在 PHP 中使用正则表达式</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/sdk/php/wa-php&#102;orm/index.html" target="_blank"><U>结合 PHP 使用 HTML 表单</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/opensource/os-xmldomphp/" target="_blank"><U>用 PHP 读取和编写 XML DOM</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/opensource/os-phpws/index.html" target="_blank"><U>通过 PHP 脚本访问企业应用</U></A></P><P>PHP 设计 <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/sdk/php/php_design/index.html" target="_blank"><U>MVC 模式、类封装还是黑客代码——合理设计 PHP 项目</U></A></P><P>PHP 应用 <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=110077/" target="_blank"><U>使用 PHP 构建搜索优化应用程序，第 1 部分：入门</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=110095" target="_blank"><U>用 OpenLaszlo 装点 PHP 应用，第 1 部分: 创建交互式界面</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=110096" target="_blank"><U>用 OpenLaszlo 装点 PHP 应用，第 2 部分: PHP REST 和数据绑定</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=110097" target="_blank"><U>用 OpenLaszlo 装点 PHP 应用，第 3 部分: 添加数据库</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/l-snort/" target="_blank"><U>使用 Snort 和 PHP 构建一个小型网络防御系统</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/wa-phpolla/index.html" target="_blank"><U>用 PHP 使 Web 数据分析进入更高境界 -- 设计您的数据分析，做比简单原始计数更多的事</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/wa-linphp/index.html" target="_blank"><U>用 PHP 实现的简单线性回归：第 1 部分 -- 数学库在 PHP 中的重要性</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/wa-linphp2/index.html" target="_blank"><U>用 PHP 实现的简单线性回归，第 2 部分 -- 解决输出和概率函数缺陷的数据研究工具</U></A></P><P>&nbsp;</P><P>调试和监测 <BR><a href="http://www-128.ibm.com/developerworks/cn/opensource/os-debug/" target="_blank"><U>PHP 程序员的调试技术</U></A></P><P>集成 <BR>IBM 数据库服务器 <BR><a href="http://www.ibm.com/developerworks/cn/db2/library/techarticles/dm-0511appdev/" target="_blank"><U>使用 DB2 UDB 进行应用程序开发</U></A> <BR><a href="http://www.ibm.com/developerworks/db2/library/techarticle/dm-0502scott/?S_TACT=105AGX52&amp;S_CMP=cn-a-os" target="_blank"><U>用 PHP 开发 IBM Cloudscape 和 DB2 通用数据库应用程序</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/db2/library/techarticles/dm-0505furl&#111;ng/" target="_blank"><U>通过 PDO 将 PHP 连接到 DB2 和 Cloudscape</U></A> <BR><a href="http://www.ibm.com/developerworks/db2/library/techarticle/dm-0502nickolas/?S_TACT=105AGX52&amp;S_CMP=cn-a-os" target="_blank"><U>Zend Core for IBM 技术路线图</U></A> <BR><a href="http://www.ibm.com/developerworks/db2/library/techarticle/dm-0507hutchis&#111;n/?S_TACT=105AGX52&amp;S_CMP=cn-a-os" target="_blank"><U>Zend Core for IBM - PHP 开发人员指南</U></A> <BR><a href="http://www.ibm.com/developerworks/db2/library/techarticle/dm-0602hutchis&#111;n/?S_TACT=105AGX52&amp;S_CMP=cn-a-os" target="_blank"><U>DB2 Express-C：IBM 提供的免费大餐</U></A></P><P>&nbsp;</P><P>IBM Web 和应用服务器 <BR><a href="http://www.ibm.com/developerworks/cn/opensource/os-phphttp/" target="_blank"><U>在 IBM HTTP Server 上部署 PHP 应用程序</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/websphere/techjournal/0505_krook/0505_krook.html" target="_blank"><U>IBM WebSphere 开发者技术期刊: 使用 PHP 和 J2EE 来实现通用的 Web 应用程序基础架构</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=108168" target="_blank"><U>在 Apache Geronimo 中运行 PHP 应用程序</U></A></P><P>&nbsp;</P><P>第三方服务 <BR><a href="http://www.ibm.com/developerworks/cn/views/webservices/tutorials.jsp?cv_doc_id=96126" target="_blank"><U>使用 Web 服务和 eBay SDK 开发应用程序，第 1 部分： 构建 eBay 搜索引擎</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/webservices/tutorials.jsp?cv_doc_id=102702" target="_blank"><U>使用 Web 服务和 eBay SDK 开发应用程序，第 2 部分：使用 eBay SOAP API 构建一个 eBay 搜索引擎</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=101469" target="_blank"><U>用 PHP、Derby 和 PayPal 创建 Web 店面，第 1 部分：设置基本数据库</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=101470" target="_blank"><U>用 PHP、Derby 和 PayPal 创建 Web 店面，第 2 部分：收集付款</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=101471" target="_blank"><U>用 PHP、Derby 和 PayPal 创建 Web 店面，第 3 部分: 设置订单、送货和电子邮件</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=100537" target="_blank"><U>用 PHP 创建 Amazon 店面，第 1 部分：用 Amazon ECS 获得内容</U></A></P><P>&nbsp;</P><P>扩展 <BR><a href="http://www.ibm.com/developerworks/cn/opensource/os-sdophp/" target="_blank"><U>PHP 服务数据对象简介</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/opensource/os-phpbot/" target="_blank"><U>如何使您的 PHP 应用程序变成聊天机器人</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/sdk/php/template/evaluate/index.html" target="_blank"><U>在 PHP 世界中选择最合适的模板</U></A></P><P>&nbsp;</P><P>PEAR（PHP Extension and Application Repository） <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/sdk/php/pear1/index.html" target="_blank"><U>PEAR 简介：用 PEAR 来写你的下一个 PHP 程序</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/sdk/php/pear2/index.html" target="_blank"><U>PEAR 简介：常用模块</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/sdk/php/pear3/index.html" target="_blank"><U>PEAR 简介：使用 PHPDoc 轻松建立你的 PEAR 文档</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/sdk/php/pear4/index.html" target="_blank"><U>PEAR 简介：创建中间的数据库应用层</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/linux/sdk/php/pear5/index.html" target="_blank"><U>PEAR 实践：PHP 中 MVC 机制的实现</U></A></P><P>&nbsp;</P><P>安全性 <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=110103" target="_blank"><U>确保 PHP 应用程序的安全</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/opensource/os-php1/" target="_blank"><U>审计 PHP，第 1 部分：理解 register_globals</U></A></P><P>&nbsp;</P><P>PHP Zend 框架 <BR><a href="http://www-128.ibm.com/developerworks/cn/opensource/os-php-zend1/index.html" target="_blank"><U>理解 Zend 框架，第 1 部分：基础 -- 介绍 Zend 框架</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=169446" target="_blank"><U>理解 Zend 框架，第 2 部分: 模型-视图-控制器及添加数据库</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=169447" target="_blank"><U>理解 Zend 框架，第 3 部分: 提要（RSS）</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/opensource/os-php-zend4/index.html" target="_blank"><U>理解 Zend 框架，第 4 部分: 使用 Zend_HTTP_Client 获取无提要的内容</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=170879" target="_blank"><U>理解 Zend 框架，第 5 部分: 创建 PDF 文件</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/opensource/os-php-zend6/index.html" target="_blank"><U>理解 Zend 框架，第 6 部分: 发送电子邮件</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/opensource/os-php-zend7/index.html" target="_blank"><U>理解 Zend 框架，第 7 部分: 搜索</U></A> <BR><a href="http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=170880" target="_blank"><U>理解 Zend 框架，第 8 部分：添加相关信息和服务</U></A> <BR><a href="http://www-128.ibm.com/developerworks/cn/opensource/os-php-zend9/index.html" target="_blank"><U>理解 Zend 框架，第 9 部分: 用 Ajax 和 JSON 添加交互性</U></A></P>]]>
   </description>
   <pubDate>Thu, 08 May 2008 15:15:35 +0000</pubDate>
   <guid isPermaLink="true">http://www.chinavid.com/forum/forum_posts.asp?TID=696&amp;PID=962#962</guid>
  </item> 
  <item>
   <title>设计技术交流 : 终结IE6下背景图片闪烁问题</title>
   <link>http://www.chinavid.com/forum/forum_posts.asp?TID=694&amp;PID=961#961</link>
   <description>
    <![CDATA[<strong>Author:</strong> <a href="http://www.chinavid.com/forum/member_profile.asp?PF=22" rel="nofollow">Rolen</a><br /><strong>Subject:</strong> 终结IE6下背景图片闪烁问题<br /><strong>Posted:</strong> 07-May-2008 at 10:52<br /><br /><FONT color=#810081><P>基本上 google 一下 IE6 flicker，第一页基本全是说这个问题，解决方法就是那个神奇的 <CODE>document.execCommand("BackgroundImageCache",false,true)</CODE>，只不过是围绕着用 CSS expression 还是 JavaScript 的问题。JavsScript 最稳妥，不过有时候 JavaScript 未必方便改，而 CSS 虽然方便但是 expression 会反复执行，有严重的效率问题。最近的几个项目用的方法是这样的，在 expression 中把 CSS 中用来触发的属性重写一下：</P><PRE ="code">body{    zoom: expression(function(ele){    document.execCommand('BackgroundImageCache', false, true);    ele.style.zoom = '1';    }(this));}</PRE><P>这里用 zoom 触发，搞定之后把 zoom 写回 1（好像我很喜欢捣腾 zoom），这下就没效率问题了吧，嘿嘿。同理，其他针对 IE 的 hack，如果是只跑一次的 expression，其实都可以这样做，所谓兔死狗烹过河拆桥是也～ :D。</P></FONT>]]>
   </description>
   <pubDate>Wed, 07 May 2008 10:52:53 +0000</pubDate>
   <guid isPermaLink="true">http://www.chinavid.com/forum/forum_posts.asp?TID=694&amp;PID=961#961</guid>
  </item> 
  <item>
   <title>设计技术交流 : CSS Hack 之兼容IE6,IE7,FX</title>
   <link>http://www.chinavid.com/forum/forum_posts.asp?TID=695&amp;PID=960#960</link>
   <description>
    <![CDATA[<strong>Author:</strong> <a href="http://www.chinavid.com/forum/member_profile.asp?PF=22" rel="nofollow">Rolen</a><br /><strong>Subject:</strong> CSS Hack 之兼容IE6,IE7,FX<br /><strong>Posted:</strong> 05-May-2008 at 20:50<br /><br />&nbsp;&nbsp;1. &lt;!--&#091;if !IE&#093;&gt;&lt;!--&gt; 除IE外都可识别 &lt;!--&lt;!&#091;endif&#093;--&gt;<BR>&nbsp; &nbsp;2. &lt;!--&#091;if IE&#093;&gt; 所有的IE可识别 &lt;!&#091;endif&#093;--&gt;<BR>&nbsp; &nbsp;3. &lt;!--&#091;if IE 5.0&#093;&gt; 只有IE5.0可以识别 &lt;!&#091;endif&#093;--&gt;<BR>&nbsp; &nbsp;4. &lt;!--&#091;if IE 5&#093;&gt; 仅IE5.0与IE5.5可以识别 &lt;!&#091;endif&#093;--&gt;<BR>&nbsp; &nbsp;5. &lt;!--&#091;if gt IE 5.0&#093;&gt; IE5.0以及IE5.0以上版本都可以识别 &lt;!&#091;endif&#093;--&gt;<BR>&nbsp; &nbsp;6. &lt;!--&#091;if IE 6&#093;&gt; 仅IE6可识别 &lt;!&#091;endif&#093;--&gt;<BR>&nbsp; &nbsp;7. &lt;!--&#091;if lt IE 6&#093;&gt; IE6以及IE6以下版本可识别 &lt;!&#091;endif&#093;--&gt;<BR>&nbsp; &nbsp;8. &lt;!--&#091;if gte IE 6&#093;&gt; IE6以及IE6以上版本可识别 &lt;!&#091;endif&#093;--&gt;<BR>&nbsp; &nbsp;9. &lt;!--&#091;if IE 7&#093;&gt; 仅IE7可识别 &lt;!&#091;endif&#093;--&gt;<BR>10. &lt;!--&#091;if lt IE 7&#093;&gt; IE7以及IE7以下版本可识别 &lt;!&#091;endif&#093;--&gt;<BR>11. &lt;!--&#091;if gte IE 7&#093;&gt; IE7以及IE7以上版本可识别 &lt;!&#091;endif&#093;--&gt;<DIV>&nbsp;</DIV><DIV><a href="http://msdn.microsoft.com/en-us/library/ms537512.aspx" target="_blank">http://msdn.microsoft.com/en-us/library/ms537512.aspx</A></DIV>]]>
   </description>
   <pubDate>Mon, 05 May 2008 20:50:37 +0000</pubDate>
   <guid isPermaLink="true">http://www.chinavid.com/forum/forum_posts.asp?TID=695&amp;PID=960#960</guid>
  </item> 
  <item>
   <title>设计技术交流 : 终结IE6下背景图片闪烁问题</title>
   <link>http://www.chinavid.com/forum/forum_posts.asp?TID=694&amp;PID=959#959</link>
   <description>
    <![CDATA[<strong>Author:</strong> <a href="http://www.chinavid.com/forum/member_profile.asp?PF=22" rel="nofollow">Rolen</a><br /><strong>Subject:</strong> 终结IE6下背景图片闪烁问题<br /><strong>Posted:</strong> 21-Apr-2008 at 13:22<br /><br /><H1>&nbsp;</H1><SPAN style="COLOR: #800000">a&nbsp;</SPAN><SPAN id=Codehighlighter1_2_41_d_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: n&#111;ne; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; : #ffffff">{<img src="http://www.cnblogs.com/Images/dot.gif" border="0" />}</SPAN><SPAN id=Codehighlighter1_2_41__Text><SPAN style="COLOR: #000000">{</SPAN><SPAN style="COLOR: #ff0000"><BR><img src="http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif" border="0" align="top" />&nbsp;&nbsp;background</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">url(images/normal.gif)</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR><img src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" border="0" align="top" /></SPAN><SPAN style="COLOR: #000000">}</SPAN></SPAN><SPAN style="COLOR: #800000"><BR><img src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" border="0" align="top" /><img src="http://www.cnblogs.com/Images/OutliningIndicators/C&#111;ntractedBlock.gif" border="0" align="top" style="DISPLAY:%20n&#111;ne" />a:hover&nbsp;</SPAN><SPAN id=Codehighlighter1_51_89_d_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: n&#111;ne; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; : #ffffff">{<img src="http://www.cnblogs.com/Images/dot.gif" border="0" />}</SPAN><SPAN id=Codehighlighter1_51_89__Text><SPAN style="COLOR: #000000">{</SPAN><SPAN style="COLOR: #ff0000"><BR><img src="http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif" border="0" align="top" />&nbsp;&nbsp;background</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">url(images/hover.gif)</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR><img src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" border="0" align="top" /></SPAN><SPAN style="COLOR: #000000">}</SPAN></SPAN><BR><FONT face="Courier New">如果为超级链接定义上述的css样式以实现鼠标悬浮时的动态效果，在firefox下是没有什么问题的，第一次加载之后，浏览器都会从缓存读取背景图片；而IE6在这里有一个bug，它每次都从服务器端读取背景图片，结果就是，若服务器反应较慢hover效果就会出现短暂的空白，令人极度不爽。</FONT><BR><FONT face="Courier New"><BR>一直以来都是通过“两张背景图片合并、background-postion控制位置”的方式解决问题的，效果差强人意。今天无意中从一个老外的网站上发现了一个比较妥善的解决方案，具体来说就是在页面中加入一段简单的javascript脚本，告诉ie6：本地有背景图片的话就不要麻烦服务器了。<BR><DIV style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; : #eeeeee"><img src="http://www.cnblogs.com/Images/OutliningIndicators/N&#111;ne.gif" border="0" align="top" /><SPAN style="COLOR: #000000">document.execCommand(</SPAN><SPAN style="COLOR: #000000">"</SPAN><SPAN style="COLOR: #000000">BackgroundImageCache</SPAN><SPAN style="COLOR: #000000">"</SPAN><SPAN style="COLOR: #000000">,</SPAN><SPAN style="COLOR: #0000ff">false</SPAN><SPAN style="COLOR: #000000">,</SPAN><SPAN style="COLOR: #0000ff">true</SPAN><SPAN style="COLOR: #000000">);</SPAN></DIV>关于这段脚本的放置方式有两种：<BR>1.纯css方式，在css中加入如下代码<BR><DIV style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; : #eeeeee"><img src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" border="0" align="top" /><img src="http://www.cnblogs.com/Images/OutliningIndicators/C&#111;ntractedBlock.gif" border="0" align="top" style="DISPLAY:%20n&#111;ne" /><SPAN style="COLOR: #800000">html&nbsp;</SPAN><SPAN id=Codehighlighter1_5_90_d_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: n&#111;ne; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; : #ffffff">{<img src="http://www.cnblogs.com/Images/dot.gif" border="0" />}</SPAN><SPAN id=Codehighlighter1_5_90__Text><SPAN style="COLOR: #000000">{</SPAN><SPAN style="COLOR: #ff0000"><BR><img src="http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif" border="0" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;filter</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">&nbsp;expression(document.execCommand("BackgroundImageCache",&nbsp;false,&nbsp;true))</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR><img src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" border="0" align="top" /></SPAN><SPAN style="COLOR: #000000">}</SPAN></SPAN></DIV>2.随便在页面中哪个位置（head、body或者onload）调用上面提及的脚本，例如：<BR><DIV style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; : #eeeeee"><img src="http://www.cnblogs.com/Images/OutliningIndicators/N&#111;ne.gif" border="0" align="top" /><SPAN style="COLOR: #000000">&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #000000">&lt;</SPAN><SPAN style="COLOR: #000000">script&nbsp;type</SPAN><SPAN style="COLOR: #000000">=</SPAN><SPAN style="COLOR: #000000">"</SPAN><SPAN style="COLOR: #000000">text/javascript</SPAN><SPAN style="COLOR: #000000">"</SPAN><SPAN style="COLOR: #000000">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><img src="http://www.cnblogs.com/Images/OutliningIndicators/N&#111;ne.gif" border="0" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.execCommand(</SPAN><SPAN style="COLOR: #000000">"</SPAN><SPAN style="COLOR: #000000">BackgroundImageCache</SPAN><SPAN style="COLOR: #000000">"</SPAN><SPAN style="COLOR: #000000">,&nbsp;</SPAN><SPAN style="COLOR: #0000ff">false</SPAN><SPAN style="COLOR: #000000">,&nbsp;</SPAN><SPAN style="COLOR: #0000ff">true</SPAN><SPAN style="COLOR: #000000">);<BR><img src="http://www.cnblogs.com/Images/OutliningIndicators/N&#111;ne.gif" border="0" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #000000">&lt;/</SPAN><SPAN style="COLOR: #000000">script</SPAN><SPAN style="COLOR: #000000">&gt;</SPAN></DIV>鉴于expression严重影响浏览器效率，建议采用第二种方式。<BR>最后，总结完整方案：普通、hover状态对应的图片合并成一张，css中通过background-postion控制其位置，页面中加入从缓存读取背景图片的javascript脚本。<BR>附英文地址 http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker</FONT>]]>
   </description>
   <pubDate>Mon, 21 Apr 2008 13:22:30 +0000</pubDate>
   <guid isPermaLink="true">http://www.chinavid.com/forum/forum_posts.asp?TID=694&amp;PID=959#959</guid>
  </item> 
  <item>
   <title>设计技术交流 : [译]创建性感的CSS</title>
   <link>http://www.chinavid.com/forum/forum_posts.asp?TID=693&amp;PID=958#958</link>
   <description>
    <![CDATA[<strong>Author:</strong> <a href="http://www.chinavid.com/forum/member_profile.asp?PF=22" rel="nofollow">Rolen</a><br /><strong>Subject:</strong> &#091;译&#093;创建性感的CSS<br /><strong>Posted:</strong> 18-Feb-2008 at 16:01<br /><br /><P>原文名称:Creating Sexy Stylesheets<BR>原文地址: <a href="http://www.thinkvitamin.com/features/design/creating-sexy-stylesheets" target="_blank"><U>http://www.thinkvitamin.com/features/design/creating-sexy-stylesheets</U></A></P><P>作为一个CSS方面的专家,所做的不只是记住选择符(Selectors)那么简单,提升样式表的效用和可维护性,以及设计蓝图和管理工作流程都是工作的一部分.在本篇文章中,Jina Bolton给出了10个CSS技巧提示,这些内容是由对12位顶尖的设计者的调查提炼而来.</P><P>接下来,我将重点放在创建性感的样式表方法的讨论之上.一旦CSS被用来创建具有魅力的网站,CSS的书写事实上就已经成为了艺术.使用何种方法创建,架构以及管理CSS成为了一件美妙的事情.</P><P>那么怎么创建这些性感的样式表?样式表应该具有那些特征呢?</P><P>几个月前,我有幸出席了在俄勒冈州波兰特岛所召开的Web Visions 2007的主题会议.在准备我的演讲报告时,我调查了12位工作在网页设计方面的设计人员和开发人员.基于调查的结果,再结合我自己的工作经验,我编写了下面的一个列表用来在创建样式表的时候给予自己以适当的提醒.</P><P>01. 保持CSS脱离标记<BR>使用链接或者导入样式表的方法对于中阶或高阶的CSS开发人员来说都是再正常不过的事情,但是我在这里依然会强调一下这种方法的重要性.我见过的许多站点,在创站之初,CSS文件很整洁,组织的也井井有条,但是随着时间的推移,这些文档由于内嵌的甚至内联(inline)的样式出现而变得杂乱无章,一方面可能是由于给予的更新期限很短,另一方面或许就是纯粹的由于懒惰.</P><P>你正忙于一个拥有成千上万条的渠道内容同时出现的网站的大面积更新,给你的期限很短,所以你就选择了使用内嵌或者内联样式这样一些”快速修补”的方法.一些年过去了,习惯依然…,直到有一天你被告知这个站点需要重新设计,但是所有的内容仍然不变,这个时候而你只有一个星期去完成.想象一下,这将是一个怎样的境况.</P><P>其实这是很普遍的情况,更新样式表是一个再简单不过的任务,在你几年的”快速修补”之后,这些样式遍布了整个站点,相信你根本没办法记住他们在那里.所以现在你面对的只有2个选择a)在一个星期之内找出一个方法去清理规整这些样式b)找一份新的工作吧.</P><P>千万不要将你的工作变得愈来愈困难.使用链接和导入样式表是你的不二之选.规范的创建并保持样式表的整洁,你会活得更容易一些.</P><P>提示:小心使用链接或导入的方法会在标记上添加冗余的样式.每次你创建新的样式表,你都会更新要不就是添加新的样式,过多的外联样式不只会使补丁的修复变得困难,也会使样式表更难于维护.因此可以理解为什么大型站点会为不同的区块部分而去分离样式表.小心不要玩过火了,过犹不及.</P><P>这里很值得提及一下的是过多的样式表将会使HTTP的请求数增加.这些都会潜在的影响性能.因此,Internet Explorer将链接的样式表数限制在了32个.</P><P>02. 语法不是猜字谜.<BR>你应该明白为什么我会说到这个.语法学是你最好的朋友,选择合适的,有意义的元素去描述你的内容,确保你所选择的是富有语意的类(class)和ID特征值.做正确的事情会使你的生活变得容易很多,如果你是某个团队的一分子,对团队其他成员来说也是如此.看一下下面的这条规则:</P><P>.l13k { color: #369; }</P><P>如果你是刚接手这个工作,你在CSS文件中看到了上面的内容,你能不能说清楚这个类是什么意思?大部分情况下你都会说不.这个类的名称可能是个缩写,但是恐怕没有办法去弄清楚他到底是什么的缩写,眼前是一摸黑.或者是这种情况,可能是你把它放到这里,你现在很清楚它是什么意思,但是你能保证3年之后你还记得它是什么意思么?</P><P>现在我们看一下下面的规则:</P><P>.left-blue { color: #369; }</P><P>你可能立即知道这个类选择符是为左侧边栏的显示蓝色区块而创建的,这时它就正确的表达了一定的语意.正如我在上面提到的,一旦要你在在一周内要重新设计,但是在重构过程中,这个区块需要定位到右边,颜色变为红色,类的特征值就没有任何意义,所以你现在需要改变你所有的特征值,要不就什么都不改变,不过这样可能或导致重重的困惑.</P><P>因此解决上面问题的最好方法就是在类特征值的命名中避免使用颜色(包括颜色名称和十六进制值)或者宽度,高度的尺寸值.同时你也尽量的避免去使用任何表明表现形式的值,例如box.反之,将表现和内容分离的意义也就不复存在了.</P><P>最后,我们看一下最合适的命名规则:</P><P>.product-description { color: #369; }</P><P>你应该能理解,这个规则是应用于产品描述.无论你的设计改变了多少次都不会改变.清楚明了的感觉不错.</P><P>03. 体会注释的优点<BR>如果使用注释的方法得当的话,为你的CSS文件添加注释可以在开发过程中给予你和其他人很大的帮助.最常见的是为CSS样式规则添加提示信息,不过使用注释对优化组织结构和提升效用也很有帮助.</P><P>提示和标签</P><P>这是注释最常用的途径,可以为自己或其他开发人员留下提示信息可以避免后期引起的不必要的困惑和麻烦.这种应用简洁性最为重要.例如:</P><P>/* Turn off borders for linked images */<BR>img { border: 0; }</P><P>时间戳和签名</P><P>许多设计人员和开发人员会在最新更新的CSS文件标注日期时间,以及他们的名字.这些都会提供给我们一些联系信息以及文档更新信息.</P><P>/* Sushimonster Typography Styles Updated: Thu 10.18.07 @ 5:15 p.m. Author: Jina Bolton —————————————————-*/</P><P>对于一项工程,这种方法会很有用,如果你是小组一分子时,这更是显得尤其重要.要提醒的是,一些组织都要求在文档中留下这类信息,而有些公司喜欢把名字和日期这些信息放在文档之外的地方,所以在开始之前最好弄清楚这些事情.</P><P>组织</P><P>在CSS文档中使用注释指示不同的区块是个不错的主意.例如,如果所有的头部信息被组合在一起,你可以使用注释使它和下面的区块样式区分开来.</P><P>/* <SPAN =caps>HEADER</SPAN> —————————————————-*/</P><P>接下来我会就此进行进一步的阐述,现在我们先讨论一下如何”分离样式类型”</P><P>注释标记</P><P>如果你的CSS文件都是按照我上面所说的按照区块进行划分的话,使用注释标记可以配合”查找”功能使你在文档的各个部分之间切换自如.标注一个章节(Chapter),例如使用等号”=”,然后在后面添加一个区块的名称,例如”HEADER”,这样就为你的CSS文档创建了一个”锚点”.</P><P>/* =HEADER —————————————————-*/</P><P>这种方法在内容繁杂的样式表中尤其有用.更多的相关信息你可以在</P><P><a href="http://www.stopdesign.com/log/2005/05/03/css-tip-flags.html" target="_blank"><U>Stop Design</U></A> 站点上了解.</P><P>参考</P><P>将注释作为参考说明不常见但不失为一个有用的方法,一个典型的例子是Steve Smith在他的CSS文档中包含一个为配色而添加的参考信息注释.<BR>/* <SPAN =caps>COLORS</SPAN> Body Background: #2F2C22 Main Text: #B3A576 Links: #9C6D25 Dark Brown Border: #222019 Green Headline: #958944 */</P><P>你可以将这个向导性的注释放在CSS文档的顶部以提醒你站点是如何配色的.另一个例子则是将注释作为类目录(index-like)的方法.你可以定义不同的区块以便于你在它们之间快速切换,可能会用到注释标记的用法,下面是一个例子</P><P>/* <SPAN =caps>GENERIC</SPAN> <SPAN =caps>HEADER</SPAN> <SPAN =caps>SIDEBAR</SPAN> <SPAN =caps>FORMS</SPAN> <SPAN =caps>TABLES</SPAN> <SPAN =caps>FOOTER</SPAN> <strong>/ /</strong> =GENERIC —————————————————-*/</P><P>04.清楚什么时候使用条件注释语句和技巧(hacks)<BR>现在有很大一部分文章会提及CSS技巧(hacks)产生的问题,并且说明在当前所有的Internet Explorer发行版本中为什么要使用条件注释语句.自然而然,肯定会有相左的意见.以前我也一直以为使用条件注释语句会比使用CSS技巧(hacks)好一些,直到最近有太多的例子证明这两种方法都算不得什么好的解决方案.</P><P>想象一下,你现在要为一个元素设置最小高度值,对于Internet Explorer 6来说,由于它不支持min-height属性,但是使用height属性就可以达到所要的效果,于是你就创建了一个新的样式表文件,并且在文档标记中使用注释语句来引用它,难道你所做的就只是为了这么一条CSS规则?如果将height和min-height属性放在一个CSS文件中,然后使用小技巧(hack)针对不同浏览器切换属性是不是会好一些?这种情况下,我坚持认为少用条件注释语句为好.</P><P>换个角度想一下,如果你放置了多个样式表文件,条件语句可能会使你的调试过程变得困难.如果你要更改一些东西,例如在上面的例子中,你就需要打开多个文件进行修改.很多情况下,对你来说,这将是一个繁重的任务.可以想象一下,如果你在主要的CSS文件中定义的规则,然后在需要3个不同的IE样式表中进行重定义.这些都给后期的工作留下了不必要的烦恼,尤其是如果另外一个开发人员在编辑时没有注意到这些需要重新编写的文件的存在.</P><P>假如你现在还在使用条件语句,我推荐你在主样式表中添加一个注释以便后来的开发人员知道IE专有样式规则的存在.当必须编辑height或者类似的属性时,这种方法可以提醒你需要修改的不仅仅是一个文件.</P><P>再次提醒一下,如果你使用CSS Hack 的方法,浏览器更新带来的更改可能对今后的工作带来影响,你现在使用的Hacks可能在下一个版本中就无法工作了.</P><P>05.组织选择符和声明<BR>经常的,要保持CSS的整洁度和有序性.我喜欢将选择符按照样式的类别进行组织划分.</P><UL><LI>重置样式(reset styles) <LI>排版样式(typography styles) <LI>布局样式(layout styles (header, content, footer, etc.)) <LI>模块和widget样式module or widget styles <LI>其他(etc). </LI></UL><P>然后,在每个组里面,我按照DOM等级将选择符组织划分:</P><UL><LI>任何父级元素样式(any parent styles) <LI>块级元素样式(block-level element styles) (段落,列表等.) <LI>内联元素样式(inline element styles) (链接,缩写等.) <LI>其他(etc). </LI></UL><P>然后在上面划分的基础上进行详细的划分:</P><UL><LI>段落(paragraphs) <LI>引用(blockquotes) <LI>地址(addresses) <LI>列表(lists) <LI>表单(forms) <LI>表格(tables) <LI>其他(etc). </LI></UL><P>最后,我按照样式类型组织CSS声明</P><UL><LI>位置样式(positioning styles) <LI>浮动/清除浮动样式(float/clear styles) <LI>显示/可见样式(display/visibility styles) <LI>空间样式(spacing styles)(margin, padding, border) <LI>尺寸样式(dimensions styles) <LI>排版相关样式(typography-related styles)(line-height, color, etc.) <LI>其他样式(miscellaneous styles)(list-style, cursors, etc.) </LI></UL><P>许多人喜欢根据声明的字母顺序来排列,这种方法对我来说可能不太适合,但可能对你来说会非常适合.不过一旦你选择了任何组织方法,就最好坚持下去以保持其统一性.</P><P>06. 创建框架(framework,库)<BR>当你在编写CSS时,如果你已经发现你经常反复的做同一件事情,考虑一下创建一个框架或库可能是个不错的主意.将一个样式表组合组成的框架作为你的网站的基础能够缩短的你开发时间.较为典型的样式表基本上都包含以下内容:</P><UL><LI>screen.css – 一个screen CSS文件包含你所有应用在屏幕显示上的所有样式,可以选择性的导入附加样式,如以下样式表文件: <LI>reset.css – reset CSS文件被用于重置所有默认的浏览器样式,让我们更容易的完成各种浏览器下的兼容性问题. <LI>typography.css – typography CSS文件被用来定义字体,大小,行间距,字间距和字体颜色. <LI>grid.css – grid CSS文件被用来组织布局和结构.通过定义基本的头部,底部和列设置为你网站的创建轮廓,线框模型(winframe) <LI>print.css – print CSS文件包含页面被打印时显示的样式. </LI></UL><P>一个CSS框架的例子是由 <a href="http://code.google.com/p/blueprintcss/" target="_blank"><U>Olav Bj&oslash;rk&oslash;y</U></A> 创建的 <a href="http://code.google.com/p/blueprintcss/" target="_blank"><U>Blueprint framework</U></A> ,开发人员主要为 <a href="http://jeffcroft.com/" target="_blank"><U>Jeff Croft</U></A> 和 <a href="http://meyerweb.com/" target="_blank"><U>Eric Meyer</U></A> 等人.另一个流行的框架就是 <a href="http://developer.yahoo.com/yui/" target="_blank"><U>Yahoo! User Interface Library</U></A> 建立的.不过许多开发人员认为这些成型的框架包含的标记和CSS有那么一点臃肿,当然也包括了太多的表现类(class)和属性名称.</P><P>声明:当我在写这篇文章时,Jeff Croft发表了一篇主题为 <a href="http://www2.jeffcroft.com/blog/2007/nov/17/whats-not-love-about-css-frameworks/" target="_blank"><U>What’s not to love about <SPAN =caps>CSS</SPAN> frameworks?</U></A> (什么让你摒弃CSS框架),在这篇文章的评论中和谈及他听说许多人说我严重反对CSS框架,我不知道这从何说起,但是我仍然要重申一下我的观点,我不反对使用CSS框架,并且非常坚持使用它们.</P><P>最好的结果就是你最好创建适合自己或者你所在组织的框架.</P><P>07. 保持文档可读性和性能优化的平衡<BR>每个开发者的样式风格可能不尽相同.许多开发者书写的样式表文件具有很好的可读性,并且会在把文件正式上传之前进行一些性能优化措施,例如移除注释,空白,缩进以及换行等步骤.这是一个不错的方法,也值得推荐.尽管如此,在某些情况下如果你不能进行那些步骤的时候,最好找到一个能够保持文档可读性和性能优化平衡的方法.对此,“Steve Smith”:http://orderedlist.com/articles/single-line-css 有一个不错的建议.</P><P>另外,考虑一下使用连字符号替换下划线,微格式( <a href="http://micro&#102;ormats.org/" target="_blank"><U>Microformats</U></A> )将连字符号作为标准的分割符号,不过某些特定的老版本浏览器在处理上可能有问题.你可以阅读一下 <a href="http://developer.mozilla.org/en/docs/Underscores_in_class_and_ID_Names" target="_blank"><U>Underscores in class and ID Names</U></A> (类和ID中的下划线)这边文章来了解更多信息.</P><P>08. 管理文本编辑器<BR>每个艺术家都会对使用他所了解的适合他们的工具,对于设计者和开发者来说也是如此.对于CSS,最好了解你所使用的编辑器.</P><P>现在有很多的文本编辑器可以使用,如TextMate,Coda,BB Edit,TextPad,Dreamweaver等,我在这里不是要告诉你选择那一个编辑器.每个编辑器都有自己的优势和劣势,最适合的编辑器取决于你的偏好.不过,一旦你选择了一个编辑器,最好把它了解的清清楚楚.例如快捷键时什么,有那些能用到的提示和技巧等等.</P><P>管理好文本编辑器时加快开发速度最好的方法.它会让你在创建样式表时更有效率.</P><P>09.使用版本控制<BR>平滑维护是创建性感的样式表中关键的步骤.版本控制能帮上你不少的忙,它不只是对小组开发有用,对单独的设计者和开发者来说也很有用.</P><P>许多应用程序内置了源代码控制机制,Dreamweaver使用 登记/登出系统帮助开发人员确认所编辑的文件不是已经编辑过的文件,而同步功能可以将本地文件和远程文件进行同步,合并和替换.这些功能很容易上手,但在某些地方还是有不足之处.</P><P>Subversion (<SPAN =caps>SVN</SPAN>) 和 Concurrent Versions System (<SPAN =caps>CVS</SPAN>) 提供了更为强大的功能.通过附加的功能,你可以进行恢复,查看更改以及解决冲突等操作.这里有Jonathan Snook的一篇叫做“Hosted Subversion”的文章,你可以阅读以获取更多的如何快速简便的去操作它的方法.</P><P>10. 创建和管理样式表向导文档<BR>在某些情况下,样式表向导文件是开发人员对语法规则和书写标准所编写的指导性文档,它常用被用作设计,开发和内容的大纲来使用.编写样式向导文档是为清楚的表达排版,网格,颜色,图片尺寸等内容而创建的参考手册.</P><P>创建样式表向导文档的时候,最好的办法是提供一个标记和CSS的参考性内容.这些参考可以被开发小组或者后期的开发人员当作手册来使用.另外,它还可以包含布局定义,在里面你可以列出所使用的不同布局以及相关的标记和样式.</P><P>最后,你所需要做的是一些开发者保证质量的必要步骤,例如检测有效性和可用性以便保证生产出高质量的产品.</P>]]>
   </description>
   <pubDate>Mon, 18 Feb 2008 16:01:52 +0000</pubDate>
   <guid isPermaLink="true">http://www.chinavid.com/forum/forum_posts.asp?TID=693&amp;PID=958#958</guid>
  </item> 
  <item>
   <title>影视剧本 : 世界著名电影公司介绍</title>
   <link>http://www.chinavid.com/forum/forum_posts.asp?TID=649&amp;PID=956#956</link>
   <description>
    <![CDATA[<strong>Author:</strong> <a href="http://www.chinavid.com/forum/member_profile.asp?PF=22" rel="nofollow">Rolen</a><br /><strong>Subject:</strong> 世界著名电影公司介绍<br /><strong>Posted:</strong> 18-Jan-2008 at 18:24<br /><br /><img src="http://localhost/forum/smileys/smiley1.gif" height="17" width="17" border="0" alt="Smile" />]]>
   </description>
   <pubDate>Fri, 18 Jan 2008 18:24:36 +0000</pubDate>
   <guid isPermaLink="true">http://www.chinavid.com/forum/forum_posts.asp?TID=649&amp;PID=956#956</guid>
  </item> 
  <item>
   <title>广而告之 : 中国首届动漫交易会现场报道</title>
   <link>http://www.chinavid.com/forum/forum_posts.asp?TID=691&amp;PID=955#955</link>
   <description>
    <![CDATA[<strong>Author:</strong> <a href="http://www.chinavid.com/forum/member_profile.asp?PF=317" rel="nofollow">cqwt</a><br /><strong>Subject:</strong> 中国首届动漫交易会现场报道<br /><strong>Posted:</strong> 25-Dec-2007 at 09:38<br /><br /><P>为期3天的首届中国国际动漫创意产业交易会日前在安徽合肥市落下帷幕。据大会统计，交易会期间共有240多个项目签约，成交总额突破20亿元。另据介绍，举办方在会前建设的虚拟交易平台——“中国动漫创意产业交易网”，网站点击率突破150万，收集到了近千个原创及相关动漫项目，有200多对达成了配对成交意向，有70多对到会进行了签约。</P><P>本届交易会定位在“交易”二字，不少参展企业在交易会现场寻找到商机。如安徽樱艺缘文化传播公司的《黑脸大包公》说明会刚结束就有数十位客商签署合作意向。很多企业在交易会现场寻找到了不少商机。世界传媒巨头默多克集团旗下的哈伯考林斯出版公司对安徽文艺出版社的《鬼吹灯》漫画版项目表现出浓厚的兴趣和合作愿望，表示要将这样的中国原创漫画作品推向世界。韩国富川漫画情报中心、美国维亚康姆传媒集团、北京三浦灵狐产业集团等企业负责人参加交易会后，当即表示决定相关合作与投资。</P><P>&nbsp;以下为本站编辑现场拍摄的精彩照片！</P><P align=center><IMG height=375 src="http://www.blueidea.com/articleimg/2007/12/5140/01.jpg" width=500 border="0"></P><P align=center><IMG height=375 src="http://www.blueidea.com/articleimg/2007/12/5140/02.jpg" width=500 border="0"></P><P align=center><IMG height=375 src="http://www.blueidea.com/articleimg/2007/12/5140/03.jpg" width=500 border="0"></P><P align=center><IMG height=375 src="http://www.blueidea.com/articleimg/2007/12/5140/04.jpg" width=500 border="0"></P><P align=center><IMG height=375 src="http://www.blueidea.com/articleimg/2007/12/5140/05.jpg" width=500 border="0"></P><P align=center><IMG height=375 src="http://www.blueidea.com/articleimg/2007/12/5140/06.jpg" width=500 border="0"></P><P align=center><IMG height=500 src="http://www.blueidea.com/articleimg/2007/12/5140/07.jpg" width=375 border="0"></P><P align=center><IMG height=375 src="http://www.blueidea.com/articleimg/2007/12/5140/08.jpg" width=500 border="0"><BR></P><P><SPAN style="FONT-SIZE: 12px">本文</SPAN></P>]]>
   </description>
   <pubDate>Tue, 25 Dec 2007 09:38:33 +0000</pubDate>
   <guid isPermaLink="true">http://www.chinavid.com/forum/forum_posts.asp?TID=691&amp;PID=955#955</guid>
  </item> 
  <item>
   <title>心情说话 : [网络小说]天使不在线</title>
   <link>http://www.chinavid.com/forum/forum_posts.asp?TID=520&amp;PID=954#954</link>
   <description>
    <![CDATA[<strong>Author:</strong> <a href="http://www.chinavid.com/forum/member_profile.asp?PF=316" rel="nofollow">余音未了</a><br /><strong>Subject:</strong> &#091;网络小说&#093;天使不在线<br /><strong>Posted:</strong> 22-Dec-2007 at 20:48<br /><br /><IMG src="http://www.chinavid.com/forum/smileys/smiley3.gif" border="0">下文呢]]>
   </description>
   <pubDate>Sat, 22 Dec 2007 20:48:06 +0000</pubDate>
   <guid isPermaLink="true">http://www.chinavid.com/forum/forum_posts.asp?TID=520&amp;PID=954#954</guid>
  </item> 
  <item>
   <title>心情说话 : 【实拍】街头上演少儿版&quot;色戒&quot;（多图）</title>
   <link>http://www.chinavid.com/forum/forum_posts.asp?TID=690&amp;PID=953#953</link>
   <description>
    <![CDATA[<strong>Author:</strong> <a href="http://www.chinavid.com/forum/member_profile.asp?PF=22" rel="nofollow">Rolen</a><br /><strong>Subject:</strong> 【实拍】街头上演少儿版&quot;色戒&quot;（多图）<br /><strong>Posted:</strong> 14-Dec-2007 at 15:29<br /><br />　<B>现在的教育啊,无言,<NOBR oncontextmenu="return false;" =kwM(0); id=key0 ="kwE(,0, this);" style="COLOR: #6600ff; BORDER-BOTTOM: #6600ff 1px dotted; : transparent; TEXT-DECORATION: underline" ="return kwC();" ="kwL(, this);" target="_blank">小孩</NOBR>的各个动作与大人无异,大家可以细研究.</B> <BR><BR>　　<IMG src="http://img.bbs.163.com:88/photo/ca/caihuang723618/500x334_137705.jpg" border="0"> <BR><BR>　　<IMG src="http://img.bbs.163.com:88/photo/ca/caihuang723618/500x333_135111.jpg" border="0"> <BR><BR>　　<IMG src="http://img.bbs.163.com:88/photo/ca/caihuang723618/500x332_137457.jpg" border="0"> <BR><BR>　　<IMG src="http://img.bbs.163.com:88/photo/ca/caihuang723618/500x335_137615.jpg" border="0"> <BR><BR>　　<IMG src="http://img.bbs.163.com:88/photo/ca/caihuang723618/409x500_174579.jpg" border="0"> <BR><BR>　　<IMG src="http://img.bbs.163.com:88/photo/ca/caihuang723618/409x500_175062.jpg" border="0"> <BR><BR>　　<IMG src="http://img.bbs.163.com:88/photo/ca/caihuang723618/407x500_172818.jpg" border="0"> <BR><BR>　　<IMG src="http://img.bbs.163.com:88/photo/ca/caihuang723618/408x500_160601.jpg" border="0"> <BR><BR>　　<IMG src="http://img.bbs.163.com:88/photo/ca/caihuang723618/406x500_167273.jpg" border="0"> <BR><BR>　　<IMG src="http://img.bbs.163.com:88/photo/ca/caihuang723618/403x500_158459.jpg" border="0"> <BR><BR>　　<IMG src="http://img.bbs.163.com:88/photo/ca/caihuang723618/500x334_134493.jpg" border="0"> <BR><BR>　　<IMG src="http://img.bbs.163.com:88/photo/ca/caihuang723618/500x334_134458.jpg" border="0"> <BR><BR>　　<IMG src="http://img.bbs.163.com:88/photo/ca/caihuang723618/500x331_139418.jpg" border="0"> <BR><BR>　　<IMG src="http://img.bbs.163.com:88/photo/ca/caihuang723618/500x334_138354.jpg" border="0">]]>
   </description>
   <pubDate>Fri, 14 Dec 2007 15:29:48 +0000</pubDate>
   <guid isPermaLink="true">http://www.chinavid.com/forum/forum_posts.asp?TID=690&amp;PID=953#953</guid>
  </item> 
 </channel>
</rss>