仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 649|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:更无效率的编写CSS代码

[复制链接]
小妖女 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:15:05 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
网上冲浪无论你用InternetExplorer还是NetscapeNavigator,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。
怎样编写CSS代码才干更无效率?这是很多网页制造者与开辟者都体贴的成绩。也许没有甚么邪术,能够包管一下就把你的款式表减少到百分之几,但公道的CSS编码与构造技能,切实其实可以匡助你的更无效率地写出更明晰高效的代码,天然,款式表巨细的缩减还能削减下载的工夫。
  1、排版:
  1.关头词和操纵符之间加得当的空格。
  2.绝对自力的程序块与块之间加空行
  3.较长的语句、表达式等要分红多行誊写。
  4.分别出的新行要举行顺应的缩进,使排版划一,语句可读。
  5.长表达式要在低优先级操纵符处分别新行,操纵符放在新行之首。
  6.轮回、判别等语句中如有较长的表达式或语句,则要举行顺应的分别。
  7.若函数或过程当中的参数较长,则要举行得当的分别。
  8.不同意把多个短语句写在一行中,即一行只写一条语句。
  9.函数或历程的入手下手、布局的界说及轮回、判别等语句中的代码都要接纳缩进作风。
  10.C/C++言语是用年夜括号‘{’和‘}’界定一段程序块的,编写程序块时‘{’和‘}’应各独有一行而且位于统一列,同时与援用它们的语句左对齐。在函数体的入手下手、类的界说、布局的界说、列举的界说和if、for、do、while、switch、case语句中的程序都要接纳如上的缩进体例。
  2、正文
  1.正文要复杂了然。
  2.边写代码边正文,修正代码同时修正响应的正文,以包管正文与代码的分歧性。
  3.在需要的中央正文,正文量要适中。正文的内容要分明、了然,寄义正确,避免正文二义性。坚持正文与其形貌的代码相邻,即正文的就近准绳。
  4.对代码的正文应放在其上方相邻地位,不成放鄙人面。
  5.对数据布局的正文应放在其上方相邻地位,不成放鄙人面;对布局中的每一个域的正文应放在此域的右方;统一布局中分歧域的正文要对齐。
  6.变量、常量的正文应放在其上方相邻地位或右方。
  7.全局变量要有较具体的正文,包含对其功效、取值局限、哪些函数或历程存取它和存取时注重事项等的申明。
  8.在每一个源文件的头部要有需要的正文信息,包含:文件名;版本号;作者;天生日期;模块功效形貌(如功效、次要算法、外部各部分之间的干系、该文件与别的文件干系等);次要函数或历程清单及本文件汗青修正纪录等。
  9.在每一个函数或历程的后面要有需要的正文信息,包含:函数或历程称号;功效形貌;输出、输入及前往值申明;挪用干系及被挪用干系申明等。
  3、定名
  1.较短的单词可经由过程往失落“元音”构成缩写;
  2.较长的单词可取单词的头几发符的优先级,并用括号明白表达式的操纵按次,制止利用默许优先级。
  3.利用匈牙利暗示法
  4、可读性
  1.制止利用不容易了解的数字,用成心义的标识来替换。
  2.不要利用难明的技能性很高的语句。
  3.源程序中干系较为严密的代码应尽量相邻。
  5、变量
  1.往失落没需要的大众变量。
  2.机关唯一一个模块或函数能够修正、创立,而其他有关模块或函数只会见的大众变量,避免多个分歧模块或函数都能够修正、创立统一大众变量的征象。
  3.细心界说并明白大众变量的寄义、感化、取值局限及大众变量间的干系。
  4.明白大众变量与操纵此大众变量的函数或历程的干系,如会见、修正及创立等。
  5.当向大众变量传送数据时,要非常当心,避免赋予分歧理的值或越界等征象产生。
  6.避免部分变量与大众变量同名。
  7.细心计划布局中元素的结构与分列按次,使布局简单了解、节俭占用空间,并削减引发误用征象。
  8.布局的计划要只管思索向前兼容和今后的版本晋级,并为某些将来大概的使用保存余地(如预留一些空间等)。
  9.把稳详细言语及编译器处置分歧数据范例的准绳及有关细节。
  10.严禁利用未经初始化的变量。声明变量的同时对变量举行初始化。
  11.编程时,要注重数据范例的强迫转换。
  6、函数、历程
  1.函数的范围只管限定在200行之内。
  2.一个函数最好仅完成一件功效。
  3.为复杂功效编写函数。
  4.函数的功效应当是能够展望的,也就是只需输出数据不异就应发生一样的输入。
  5.只管不要编写依附于其他函数外部完成的函数。
  6.制止计划多参数函数,不利用的参数从接口中往失落。
  7.用正文具体申明每一个参数的感化、取值局限及参数间的干系。
  8.反省函数一切参数输出的无效性。
  9.反省函数一切非参数输出的无效性,如数据文件、大众变量等。
  10.函数名应正确形貌函数的功效。
  11.制止利用偶然义或寄义不清的动词为函数定名
  12.函数的前往值要分明、了然,让利用者不简单无视毛病情形。
  13/明白函数功效,准确(而不是近似)地完成函数计划。
  14.削减函数自己或函数间的递回挪用。
  15.编写可重进函数时,若利用全局变量,则应经由过程关中止、旌旗灯号量(即P、V操纵)等手腕对其加以回护。
  7、可测性
  1.在编写代码之前,应事后计划好程序调试与测试的办法和手腕,并计划好各类调测开关及响应测试代码如打印函数等。
  2.在举行集成测试/体系联调之前,要机关好测试情况、测试项目及测试用例,同时细心剖析并优化测试用例,以进步测试效力。
  8、程序效力
  1.编程时要常常注重代码的效力。
  2.在包管软件体系的准确性、不乱性、可读性及可测性的条件下,进步代码效力。
  3.不克不及一味地寻求代码效力,而对软件的准确性、不乱性、可读性及可测性形成影响。
  4.编程时,要随时把稳代码效力;优化代码时,要思索全面。
  5.要细心地机关或间接用汇编编写挪用频仍或功能请求极高的函数。
  6.经由过程对体系数据布局分别与构造的改善,和对程序算法的优化来进步空间效力。
  7.在多重轮回中,应将最忙的轮回放在最内层。
  8.只管削减轮回嵌套条理。
  9.制止轮回体内含判别语句,应将轮回语句置于判别语句的代码块当中。
  10.只管用乘法或别的办法取代除法,出格是浮点运算中的除法。
  9、质量包管
  1.在软件计划过程当中修建软件质量。代码质量包管优先准绳
  (1)准确性,指程序要完成计划请求的功效。
  (2)不乱性、平安性,指程序不乱、牢靠、平安。
  (3)可测试性,指程序要具有优秀的可测试性。
  (4)标准/可读性,指程序誊写作风、定名划定规矩等要切合标准。
  (5)全局效力,指软件体系的全体效力。
  (6)部分效力,指某个模块/子模块/函数的自己效力。
  (7)团体表达体例/团体便利性,指团体编程习气。
  2.只援用属于本人的存贮空间。
  3.避免援用已开释的内存空间。
  4.历程/函数平分配的内存,在历程/函数加入之前要开释。
  5.历程/函数中请求的(为翻开文件而利用的)文件句柄,在历程/函数加入前要封闭。
  6.避免内存操纵越界。
  7.时候注重表达式是不是会上溢、下溢。
  8.仔细处置程序所能碰到的各类堕落情形。
  9.体系运转之初,要初始化有关变量及运转情况,避免未经初始化的变量被援用。
  10.体系运转之初,要对加载到体系中的数据举行分歧性反省。
  11.严禁随便变动别的模块或体系的有关设置和设置。
  12.不克不及随便改动与别的模块的接口。
  13.充实懂得体系的接口以后,再利用体系供应的功效。
  14.要时候注重易搅浑的操纵符。当编完程序后,应从头到尾反省一遍这些操纵符。
  15.不利用与硬件或操纵体系干系很年夜的语句,而利用倡议的尺度语句。
  16.倡议:利用第三方供应的软件开辟工具包或控件时,要注重以下几点:
  (1)充实懂得使用接口、利用情况及利用时注重事项。
  (2)不克不及太过信任其准确性。
  (3)除非需要,不要利用不熟习的第三方工具包与控件。
  10、代码编译
  1.编写代码时要注重随时保留,并按期备份,避免因为断电、硬盘破坏等缘故原由形成代码丧失。
  2.统一项目组内,最好利用不异的编纂器,并利用不异的设置选项。
  3.公道地计划软件体系目次,便利开辟职员利用。
  4.翻开编译器的一切告警开关对程序举行编译。
  5.在统一项目组或产物组中,要一致编译开关选项。
  6.利用工具软件(如VisualSourceSafe)对代码版本举行保护。
  11、代码测试、保护
  1.单位测试请求最少到达语句掩盖。
  2.单位测试入手下手要跟踪每条语句,并察看数据流及变量的变更。
  3.清算、收拾或优化后的代码要经由检察及测试。
  4.代码版本晋级要经由严厉测试

</p>
不管你用什么工具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,同样内容的网页,有的人做出来有几十KB,而高手做出来只有十几KB。
山那边是海 该用户已被删除
沙发
发表于 2015-1-18 05:47:59 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
莫相离 该用户已被删除
板凳
发表于 2015-2-2 22:31:23 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
灵魂腐蚀 该用户已被删除
地板
发表于 2015-2-8 17:13:38 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
飘飘悠悠 该用户已被删除
5#
发表于 2015-2-25 21:55:22 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
小女巫 该用户已被删除
6#
发表于 2015-3-8 08:40:13 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
金色的骷髅 该用户已被删除
7#
发表于 2015-3-15 22:40:24 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
因胸联盟 该用户已被删除
8#
发表于 2015-3-22 17:31:20 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-10 16:31

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表