<![CDATA[knitter' blog|弄墨斋|墨夫的博客]]> http://www.86w3.com/blog/ zh-cn PBlog2 v2.4 knitter' blog|弄墨斋|墨夫的博客 http://www.86w3.com/blog/images/logos.gif http://www.86w3.com/blog/ knitter' blog|弄墨斋|墨夫的博客 http://www.86w3.com/blog/article.asp?id=17 <![CDATA[老薛给我来了一道迅雷W3C网页设计师考题]]> knitter#qq.com(knitter) Wed,22 Oct 2008 11:19:00 +0800 http://www.86w3.com/blog/default.asp?id=17 ，他为了说明很难，找了一题迅雷w3c网页设计师的笔试题来，如图：



我按题目写了一个，不知是否正确，大家PP：

HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]


哈哈，老薛加油……，我站在很远的地方照着你 ]]> http://www.86w3.com/blog/article.asp?id=15 <![CDATA[发两幅以前工作之余随笔写硬笔作品]]> knitter#qq.com(knitter) Fri,17 Oct 2008 10:14:18 +0800 http://www.86w3.com/blog/default.asp?id=15

释文：笔落惊风雨，诗成泣鬼神


释文：数风流人物还看今朝
]]> http://www.86w3.com/blog/article.asp?id=14 <![CDATA[这可是我见过最牛XX的字符人像]]> knitter#qq.com(knitter) Wed,20 Aug 2008 14:38:20 +0800 http://www.86w3.com/blog/default.asp?id=14
这可是我见过最牛XX的字符组成的人像，不信您可以运行下面的HTML代码看看，呵呵，太牛X了。
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

]]> http://www.86w3.com/blog/article.asp?id=12 <![CDATA[很美,令人震憾的北京2008奥运会开幕式]]> knitter#qq.com(knitter) Sat,09 Aug 2008 17:04:20 +0800 http://www.86w3.com/blog/default.asp?id=12       虽然老谋子手中出一堆场面大于内容的垃圾，如《满城尽带黄金甲》，但这次的开幕式决对是有场面又有内容，老谋子真是会玩大场面的。
      这种大场，我肯定要收藏几张美图，否则遗憾终生，哈哈。
画卷：

脚印：

太极：

倒数：

]]> http://www.86w3.com/blog/article.asp?id=11 <![CDATA[regedit 命令行参数]]> knitter#qq.com(knitter) Tue,29 Jul 2008 14:28:08 +0800 http://www.86w3.com/blog/default.asp?id=11 /s                       导入 .reg 文件进注册表（安静模式）
/e                       导出注册表文件
                           例：regedit /e filename.reg HKEY_LOCAL_MACHINE\SYSTEM
/L:system         指定 system.dat
/R:user             指定 user.dat
/C                      压缩 [文件名] (Windows 98)

REGEDIT[/L:system][/R:user]filename1
REGEDIT[/L:system][/R:user]/C filename2
REGEDIT[/L:system][/R:user]/E filename3 [regpath]

其中：
　　/L:system 指定system.dat文件的存放位置。
　　/R:user 指定user.dat文件的存放位置。
　　filename1 指定引入到注册表数据库的文件名。
　　/C filename2 指定形成注册表数据库的文件名。
　　/E filename3 指定导出注册表文件的文件名。
　　regpath 指定导出注册表文件的开始关键字(缺省为全部关键字)]]> http://www.86w3.com/blog/article.asp?id=10 <![CDATA[打开页面时自动最小化及清除点击链接时的虚线框方法]]> knitter#qq.com(knitter) Wed,28 Nov 2007 17:44:56 +0800 http://www.86w3.com/blog/default.asp?id=10 http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.wknitter.cn" target="_blank">knitter.cn</title>
<style type="text/css">

</style>
</head>
<body onload="this.blur()"><!--打开页面时自动最小化-->
<a href="#" onFocus="this.blur()">www.wknitter.cn" target="_blank">knitter.cn</a><!--清除点击链接时的虚线框-->
</p>
</body>
</html>]]> http://www.86w3.com/blog/article.asp?id=9 <![CDATA[站点的CSS样式表管理规划]]> knitter#qq.com(knitter) Wed,21 Nov 2007 10:26:40 +0800 http://www.86w3.com/blog/default.asp?id=9
我的CSS管理进化史

在最初使用CSS来控制网站样式的时候，并不清楚CSS管理规划之类的东西，所写的CSS基本上都是按照需要，随时添加，刚开始还不觉得有什么不好，但是后来越加越多，越改越乱，虽然有一些注释，但到最后还是变得让我自己看着都头疼。那个时候，一个网站所有的CSS都在一个文件中，没有规划，并且排序也没多少规律，于是只能在html页面中找到class的名称，然后在上千行的css代码中搜索自己想要的那个。

过了一段时间，思考总结之后，我对站点的CSS样式表进行了初级的规划。在样式表中初步划分了三个区域：

base 样式表
layout 样式表
class 样式表

其中“base 样式表”用来描述一些公共性的东西，比如全局性的body、a样式等；“layout 样式表”用来描述具有唯一性的id布局，属于整个页面的框架式布局；“class 样式表”用来描述剩下的class类的样式，这类样式分为可复用样式和通常只在特殊页面出现一次或几次的样式。

按照这种方法布局的确提高了不少的效率，但这种方式只适合中小型网站，在大型网站上应用还是略显单薄，至少在多人协作的时候并不能达到最佳效率。于是就有了下面总结的较完善的CSS管理规划模式。

较完善的CSS样式表管理模式

step1：个人或者团队需要将主要页面的布局用DIV图的模式按层次画出来，这个DIV图就是在设计原型的基础上，将页面中的主要模块使用的ID名、class名标注出来，方便建立维护文档以便将来进行修改与升级。

step2：划分CSS结构，建立全局css及各模块css。在html页面中引用全局css，在全局css中引用各模块css。

建立global.css为全局css，在全局css中定义“* { … } body { … }”之类的全局样式。
在全局样式中通过“@import url(”xxx.css”);”引入模块css。

关于模块CSS的划分，我比较喜欢类似wordpress中的css划分方式，一般情况下通过类似下列结构划分：

layout.css /* 整站布局 */
public.css /* 公用组合样式 */
header.css /* 页面头部区域样式 */
sidebar.css /* 侧边栏区域样式 */
main.css /* 主体区域样式 */
footer.css /* 底部区域样式 */
index.css /* 首页区域特有样式 */
form.css /* 表单类样式 */

解释一下，layout.css负责整个网站的布局，比如#header, #footer等布局的基本位置及样式设计；public.css负责一些公用样式定义，因为一个class中可以使用class=”navbar font12px”这种利用中间空格分隔的方法来应用多个class样式，所以可以定义一些比较常用的或者在特殊情况下需要修改的公用class，方便局部微调；header.css、sidebar.css、footer.css等模块是对应头部、侧边栏、底部模块的css样式表，可以根据网站的具体需求来增减模块；index.css是一些首页特有元素的css，因为首页的特殊性，我们在设计css的时候通常对首页进行特殊处理，一般情况下，首页是 css最复杂的一个页面，有必要对首页的独有css元素进行归类放置，也可以不用@import引入index.css，而把它单独放到首页引用； form.css是表单元素的样式表，表单虽然不难，但控制起来还是比较麻烦的，单独放到一个css文件里方便控制，当然，类似的其他元素你也可以这么处理。

step3：在各个样式表文件中写入样式。

CSS样式表技巧总结

一、关于注释

在创建xhtml+CSS网站时，CSS中的注释非常重要。在创建CSS样式时，应当保持随手注释的习惯。一般的，我习惯于使用“/* 注释内容 */”的格式来写注释，因为在EditPlus等具有高亮功能的编辑器里，使用C语言中常用的“/***************/”之类的注释是无意义的，没有必要填充大量无意义内容作为分隔。带有注释的文档作为网站的原始CSS文档，在发布网站的时候，可以使用CSS压缩工具压缩CSS，在输出的 CSS中去掉注释以提高文件传输效率。

二、关于命名

在给CSS文件命名的时候，我比较喜欢使用符合语义的英文名或者缩写命名，在非常用部分也许会用部分拼音命名。另外，在某些有从属关系的class里，我可能会使用类似“list_banner”之类的命名，即父元素名加上“_”再加上元素名。

关于命名，可以根据团队设计师的习惯进行协商。但最好在命名之后加上注释，以便将来生成文档备查。

三、关于继承性

在CSS中，要善用继承性。比如在两个嵌套的div中，父元素定义了background-color属性为黑色，如果子元素的背景同为黑色，则不需重复定义。善于利用CSS的继承性可以让代码更有效、更精简。

四、关于CSS定义的层次

在定义CSS中的class时，建议使用层次分明的方式来描述语句。

示例结构：
<div id="menu">
  <div class="menulist">
    <div class="selectit"></div>
  </div>
</div>
示例CSS：
#menu { ... }
#menu .menulist { ... }
#menu .menulist .selectit { ... }
在上例中，从最终效果来看，#menu没有必要重复出现，但是实际上如果能够在前面加上#menu，将会让文档的层次更加明了，更利于阅读。

五、关于样式排序

在设计CSS样式表时，我们大多是手写代码，这样很容易造成class中的样式排序混乱。比如有几个class中用到了padding、 margin、background、color等样式，但是排序的时候，有的class是background比较靠前，有的是margin比较靠前。这样就造成了一定的混乱，容易让思路受挫。我建议个人或者团队的设计师协定一个大致顺序，这样从个别来说看不出太大差别，但从整体上将更加易于阅读和管理，整体效率会提高不少。

比如，我默认将width、height和padding、margin、border等放在较靠前的位置，background其次，然后是控制文本的font、color、text-align等，接着是某些特殊标签才能用到的元素，像list-style等，最后是css滤镜。当遇到特殊情况时（比如CSS某些属性的优先级需要定义）可以灵活处理。
]]> http://www.86w3.com/blog/article.asp?id=8 <![CDATA[AJAX资源汇集(转载)]]> knitter#qq.com(knitter) Sun,18 Nov 2007 13:09:59 +0800 http://www.86w3.com/blog/default.asp?id=8 AJAX资源汇集(转载)

CSDN Blog Ajax文章搜索：
http://search.csdn.net/search/ajax/1/blog/

专题：Ajax技术应用开发
http://www.51cto.com/html/2005/1121/11736.htm

http://www.edufans.com/html/Ajax/
Ajax教程 
Ajax技巧
Ajax实例
Ajax下载

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ajax联盟：资源下载
http://www.ajaxw3c.com/resource.html

]]> http://www.86w3.com/blog/article.asp?id=7 <![CDATA[在线生成纯css代码实现的圆角矩形的网站]]> knitter#qq.com(knitter) Sat,03 Nov 2007 22:38:27 +0800 http://www.86w3.com/blog/default.asp?id=7 http://www.spiffycorners.com  ]]> http://www.86w3.com/blog/article.asp?id=5 <![CDATA[祖父七旬时的书法作品——为邻居提写的匾《远德庐》]]> knitter#qq.com(knitter) Fri,02 Nov 2007 23:19:39 +0800 http://www.86w3.com/blog/default.asp?id=5 祖父七旬时的书法作品——为邻居题写的庭院大匾《远德庐》：

]]>