更有效率的css代码编写第1/3页_经验交流

这是许多网页制作者与开发者都关心的问题。大概没有什么魔法,可以保证一下就把你的样式表缩小到百分之多少,但合理的 CSS 编码与组织技巧,的确能够帮助你的更有效率地写出更清晰高效的代码,自然,样式表大小的缩减还能减少下载的时间。  

  一、排版:

  1.关键词和操作符之间加适当的空格。

  2.相对独立的程序块与块之间加空行

  3.较长的语句、表达式等要分成多行书写。

  4.划分出的新行要进行适应的缩进,使排版整齐,语句可读。

  5.长表达式要在低优先级操作符处划分新行,操作符放在新行之首。

  6.循环、判断等语句中若有较长的表达式或语句,则要进行适应的划分。

  7.若函数或过程中的参数较长,则要进行适当的划分。

  8.不允许把多个短语句写在一行中,即一行只写一条语句。

  9.函数或过程的开始、结构的定义及循环、判断等语句中的代码都要采用缩进风格。

  10.C/C++语言是用大括号‘{'和‘}'界定一段程序块的,编写程序块时‘{'和‘}'应各独占一行并且位于同一列,同时与引用它们的语句左对齐。在函数体的开始、类的定义、结构的定义、枚举的定义以及if、for、do、while、switch、case语句中的程序都要采用如上的缩进方式。

  二、注释

  1.注释要简单明了。

  2.边写代码边注释,修改代码同时修改相应的注释,以保证注释与代码的一致性。

  3.在必要的地方注释,注释量要适中。注释的内容要清楚、明了,含义准确,防止注释二义性。保持注释与其描述的代码相邻,即注释的就近原则。

  4.对代码的注释应放在其上方相邻位置,不可放在下面。

  5.对数据结构的注释应放在其上方相邻位置,不可放在下面;对结构中的每个域的注释应放在此域的右方;同一结构中不同域的注释要对齐。

  6.变量、常量的注释应放在其上方相邻位置或右方。

  7.全局变量要有较详细的注释,包括对其功能、取值范围、哪些函数或过程存取它以及存取时注意事项等的说明。

  8.在每个源文件的头部要有必要的注释信息,包括:文件名;版本号;作者;生成日期;模块功能描述(如功能、主要算法、内部各部分之间的关系、该文件与其它文件关系等);主要函数或过程清单及本文件历史修改记录等。

  9.在每个函数或过程的前面要有必要的注释信息,包括:函数或过程名称;功能描述;输入、输出及返回值说明;调用关系及被调用关系说明等。

  三、命名

  1.较短的单词可通过去掉“元音”形成缩写;

  2.较长的单词可取单词的头几发符的优先级,并用括号明确表达式的操作顺序,避免使用默认优先级。

  3.使用匈牙利表示法

当前1/3页 123下一页阅读全文

时间: 2024-11-02 11:30:48

更有效率的css代码编写第1/3页_经验交流的相关文章

淘宝段正淳的css笔记大全第1/4页_经验交流

试想过总结出这几年来写css与xhtml的经验 ,汇总成一片"旷世奇文"分享给大家.无奈寡人年世已高,真是有点力不从心了.于是转念一想,可以用笔记的形式展现,这样就不用担心写不出来了. 现在就来说个淘宝首页上的一个小技巧. 类目之间的横竖线 从很久很久以前开始,类目间的竖线无非都只有三种. 背景图在a标签设置一个padding 用宽1px高不等的背景图来position到右侧.缺点:最后一个还是要用class来隐藏掉背景. 符号在每个a标签之间用"|"符号来填充.缺

div+CSS网页布局的意义与副作用原因小结第1/2页_经验交流

如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽然此方法对于我们来说比较熟悉.比较上手:但是,它却阻碍了一种更好的.更有亲和力的.更灵活的,而且功能更强大的网站设计方法--DIV+CSS. CSS网页布局的意义体现在如下方面: 一.使页面载入得更快 由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小.相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打开页面的时候,逐层加载.而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢. 二.降低流量费用 页面体积

xhtml+css网页制作中常见问题解决方法_经验交流

无论是谁,在制作页面的过程都是会碰到这样或者那样的问题,出了问题就肯定要解决.解决问题的前提是要知道问题出在什么地方,对于新手来说不一定一看到问题就知道问题出在哪里.比如在IE6中"多了一只猪"的问题,对于一些问题需要更多的经验交流分享吸收后才能更好的成长. 在网络中我想大家都有提过问题,需要别人解答的时候,但往往是你的一个问题却得不到任何人给你的解答,或者说是完全被无视了.对于这个时候的你,是不是在想"难道是因为我这个问题太简单了,他们都不想回答""他们

css实现文字垂直居中的代码第1/2页_经验交流

三行文字垂直居中,设置相同的内上边距padding-top和内下边距padding-bottom就可以. 三行文字垂直居中两行文字垂直居中一行文字垂直居中

CSS 使用Sprites技术实现圆角效果_经验交流

首先来简单说一下什么是Sprites,Sprites是一种网页图片应用处理方式.它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了.对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题. 第一步:创建我们的 Sprite 用PS等工具合成如图所示的图片(以一个像素的红线来区分) 第二步:编写HTML代码 首先,我们会给容器 div 一个 .roundedBox

10条影响CSS渲染速度的写法与使用建议第1/3页_经验交流

这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分,暂时总结了10条. 1.*{} #jb51 *{} 尽量避开 由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险,设计者通常会在CSS的一个始就把所有标签的默认属性全部去除,以达到所有签标属性值都统一的效果.所以就有了*通配符.*会遍历所有的标签: *{margin:0; padding:0} 如果这样写,页面中所有的标签的margin全是0:padding也是0: #jb

非常漂亮的Div+CSS布局入门教程第1/5页_经验交流

在网页制作中,有许多的术语,例如:CSS.HTML.DHTML.XHTML等等.在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础.下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧. 所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图. 下面,我们需要根据构思图来规划一下页面的布局

CSS样式表常用小技巧收藏_经验交流

· ul 标签在 Mozilla 中默认是有 padding 值的,而在 IE 中只有 margin 有值.  · 同一个的 class 选择符可以在一个文档中重复出现,而 id 选择符却只能出现一次:对一个标签同时使用 class和 id 进行 CSS 定义,如果定义有重复,id 选择符做的定义有效.  · 初学可能会碰到这样一个情况,同样一个标签的属性在 IE 设置成 A 显示是正常的,而在 Mozilla 里必须要设成 B 才能正常显示,或者两个倒过来. 临时解决方法:选择符 {属性名:B

学习WEB标准总结的一些CSS/XHTML知识小结第1/3页_经验交流

1.很多兼容性问题,是因为不同标签在不同浏览器下有着不同的 padding margin默认值.所以可以事先定义 复制代码 代码如下: * { padding:0; margin:0;} 或者 复制代码 代码如下: ul,li,h1,h2,h3,h4,h5,h6,p,table,td,div,img,hr,dd,dt,span,a,dt,dd,ol{margin:0;padding:0;font-size:12px;} 2.关于布局,可以看dreamweaver cs3里的模板怎么写的,它的写法