高效CSS代码编写经验教程

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

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

【 tulaoshi.com - Web开发 】

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

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

  一、排版:

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

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

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

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

  三、命名

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

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

  3.使用匈牙利表示法

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

延伸阅读
标签: Web开发
CSS已经成为网页前端设计一个非常重要的部分,由于写CSS时需要考虑的问题非常多,老手们创建新页面是通常会沿用以前的CSS框架。但是新手没有自己的框架,这篇文章可以给新手们一些启示。 1.简单的纯CSS Tooltip 通过这些代码,你可以做出简单的Tooltip。这是CSS代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 a:hover { background:...
作为 Web 设计师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近似的兼容还是很容易实现的,本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。 理解 CSS 盒子模型 如果你想实现不需要很多奇巧淫技的跨浏...
上面的例子中,我们可以看到CSS的语句是内嵌在HTML文档内的。所以,编写CSS的方法和编写HTML文档的方法是一样的。 您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具(Frontpage、Ultraedit等),都可以用来编辑CSS文档。 那么您可能会问,独立编辑好的CSS文档怎样加入到HTML文档...
标签: Web开发
网页设计中我们经常会碰到用CSS(层叠样式表)实现隔行换色的需求,您可以根据您的需要,采用下面的任何一种方法,当然要注意适合你的具体编码与需求情况。 一、使用background背景图片 如果行高固定的话,推荐使用隔行换色的背景图,也推荐将行高固定,这样可以兼容一切浏览器。 二、CSS Expression 文字:color:expr...
标签: Web开发
从上面的例子中,我们可以看到CSS的语句是内嵌在HTML文档内的。所以,编写CSS的方法和编写HTML文档的方法是一样的。 您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具(Frontpage、Ultraedit等),都可以用来编辑CSS文档。 那么您可能会问,独立编辑好的CSS文档怎样加入到HTML文...

经验教程

980

收藏

46

精华推荐

CSS编写攻略

CSS编写攻略

哎呦喂_____123

CSS教程:设计制作网页的CSS经验

CSS教程:设计制作网页的CSS经验

花心_少爺s

HTML编写小经验

HTML编写小经验

北京虎王

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