高效CSS代码编写经验教程

2016-02-19 19:51 4 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的高效CSS代码编写经验教程,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - Web开发 】

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

  一、排版:

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

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

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

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

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

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

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

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

  二、注释

  1.注释要简单明了。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

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

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

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

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

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

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

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

  三、命名

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

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

  3.使用匈牙利表示法

来源:http://www.tulaoshi.com/n/20160219/1621974.html

延伸阅读
作为 Web 设计师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近似的兼容还是很容易实现的,本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。 理解 CSS 盒子模型 如果你想实现不需要很多奇巧淫技的跨浏...
标签: Web开发
在一行内声明CSS 我们来对比下面两段代码: h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 { font-size:18px; border:1px solid blue; color:#000; background-color:#FFF; } 第二种看起来的确格式化,但是不会在阅读上有任何帮助。写在一行内可以让你...
上面的例子中,我们可以看到CSS的语句是内嵌在HTML文档内的。所以,编写CSS的方法和编写HTML文档的方法是一样的。 您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具(Frontpage、Ultraedit等),都可以用来编辑CSS文档。 那么您可能会问,独立编辑好的CSS文档怎样加入到HTML文档...
标签: Web开发
从上面的例子中,我们可以看到CSS的语句是内嵌在HTML文档内的。所以,编写CSS的方法和编写HTML文档的方法是一样的。 您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具(Frontpage、Ultraedit等),都可以用来编辑CSS文档。 那么您可能会问,独立编辑好的CSS文档怎样加入到HTML文...
一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《 常用css缩写语法结见附 》,这里就不展开描述。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100",但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情况可...

经验教程

206

收藏

38
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部