[转]谈CSS书写风格
作者:admin 日期:2010-06-19
随着公司业务的增加，需求变的越来越多，团队也因此在不断的扩大，我们经常会遇到几个人协同工作来完成同一件作品或者维护修改别人作品的时候，那么是什么最让你最感到困扰呢？我们在实现一个表现复杂的页面的同时，CSS文件就会比较繁琐，众多的选择符、属性让人眼花缭乱，那么如何更快的定位、如何更高效的编写样式呢？CSS的书写被很多人所忽略。关于书写风格，翻看了一些知名网站的作品，发现横向连排几乎成为各大产品项目的主流，然而，每个人对于CSS的写法各异，这就导致我们工作效率的降低。为了更好的协同工作，保持团队内CSS书写的一致性，几经波折后达成共识，具体书写方法如下：CSS属性横排书写，选择符纵排书写，每个”,”(逗号)后必须换行;
重构组代码书写规范示例：（其中数字只用做示范，实际应用中不建议用数字命名。）
.class_name_1 .class_name_1_1,
.class_name_2 .class_name_2_1 .class_name_2_1_1,
.class_name_3{style1:value; style2:value; styel3:value; }
有人说，好代码就是用记事本打开也是艺术品，而样式文件本身就是设计作品。目前并没有一个权威来界定这种规范，我们只能对两种写法做个简单的总结。
就样式文件本身对比：
纵向书写特点：
- 每个CSS属性独立一行，一般不会出现换行或横向滚动条。
- 可以通过firebug等工具查找到模块，在DW中ctrl+g行定位，修改方便。
- 属性段落间有缩进，保证了代码的整洁，层次清楚，符合编程语言代码规范，修改更加直观。
存在的问题：代码冗余（如空格符、tab符、换行符）；文件大小增加；容易出现纵向滚动条。
Tags: css
[译]如何书写高效、可维护、组件化的CSS
作者:admin 日期:2010-06-19
Kingcms 外站调用本站内容代码
作者:admin 日期:2009-04-03
Kingcms 外站调用本站内容代码
最近用kingcms来改版了这个小网站，发现kingcms真的很不错，DIY功能强大。
下面我搞个调用最新十篇文章的代码作为例子
1.首先在模板文件夹下新建一个文件，例如 js.html
然后输入下面内容，作为一个模板。注意模板里只有下面内容，其他<head><body>等标签都删掉。utf8编码。
程序代码
最近用kingcms来改版了这个小网站，发现kingcms真的很不错，DIY功能强大。
下面我搞个调用最新十篇文章的代码作为例子
1.首先在模板文件夹下新建一个文件，例如 js.html
然后输入下面内容，作为一个模板。注意模板里只有下面内容，其他<head><body>等标签都删掉。utf8编码。
程序代码document.writeln("<ul>");{king:article type="new" number="10"}
document.writeln("<li><a title=(king:title/) href=http://你的域名(king:path/)>(king:title size="38" /)<\/a><\/li>");{/king}
document.writeln("<\/ul>");
document.writeln("<li><a title=(king:title/) href=http://你的域名(king:path/)>(king:title size="38" /)<\/a><\/li>");{/king}
document.writeln("<\/ul>");
Tags: kingcms
阿里妈妈社区动态工具栏代码
作者:admin 日期:2009-03-05
上过阿里妈妈的朋友不多不少都会发现在社区的页面上有上面截图的工具箱。
昨晚无聊就把他的代码截取下来了。代码改了一点没技术含量的东西。
下面是预览页面，打开即可以看到效果，很不错的。
http://www.iamwawa.cn/upfiles/sj/090309/almm.html
背景图片地址：http://www.iamwawa.cn/upfiles/sj/090309/club_tool_bg.gif
代码在此：
Tags: 网页特效
网易的一个开源镜象
作者:admin 日期:2009-02-06
网易的一个开源镜象，域名是 http://mirrors.163.com/
目前提供了 Debian、Ubuntu、Fedora、Gentoo、Centos、FreeBSD等流行开源操作系统以及Eclipse等开源软件的镜象
##ubuntu8.10的163源为：
deb http://mirrors.163.com/ubuntu/ intrepid main restricted universe multiverse
deb http://mirrors.163.com/ubuntu/ intrepid-security main restricted universe multiverse
deb http://mirrors.163.com/ubuntu/ intrepid-updates main restricted universe multiverse
deb http://mirrors.163.com/ubuntu/ intrepid-proposed main restricted universe multiverse
deb http://mirrors.163.com/ubuntu/ intrepid-backports main restricted universe multiverse
目前提供了 Debian、Ubuntu、Fedora、Gentoo、Centos、FreeBSD等流行开源操作系统以及Eclipse等开源软件的镜象
##ubuntu8.10的163源为：
deb http://mirrors.163.com/ubuntu/ intrepid main restricted universe multiverse
deb http://mirrors.163.com/ubuntu/ intrepid-security main restricted universe multiverse
deb http://mirrors.163.com/ubuntu/ intrepid-updates main restricted universe multiverse
deb http://mirrors.163.com/ubuntu/ intrepid-proposed main restricted universe multiverse
deb http://mirrors.163.com/ubuntu/ intrepid-backports main restricted universe multiverse
Tags: ubnutu
