给大家带来CSS款式定名划定规矩
缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。网页制造poluoluo文章简介:信任人人对款式定名都几感应坚苦,出格是想起一个成心义的名,更难。回忆了一下之前写的《款式定名划定规矩》(不晓得人人利用后有甚么感受)分离这段工夫利用上发明的一些成绩,从头收拾了款式的定名划定规矩,但愿能更有用些。
信任人人对款式定名都几感应坚苦,出格是想起一个成心义的名,更难。回忆了一下之前写的《款式定名划定规矩》(不晓得人人利用后有甚么感受)分离这段工夫利用上发明的一些成绩,从头收拾了款式的定名划定规矩,但愿能更有用些。
要制止当形态改动时称号得到意义,最多见的就是用于结构的类名,如“left”、“right”,当右边栏不再是右边栏的时分,“left”这个名就没有实践意义了。这与我们所保举的“定名要成心义”就相违反了,利用序号就加倍有成绩了。仿佛没错,不外有好长一段工夫都有个成绩让我很懊恼,假如一个页面中同个模块呈现一次以上,并且细节还纷歧样,那前面呈现的称号应当叫甚么呢?岂非“one”、“two”就不是序号?实在我们要制止碰到的情形就是当形态(体现)改动时,对应界说的类名不会得到意义。
所谓的形态(体现)改动,有几种情形:
[*]HTML稳定,款式界说改动。假如定名利用了暗示某一形态的称号,如“red“、“font14“等,一定会引发界说与定名不符的情形,对后继的影响会形成对照年夜的影响。
[*]款式界说稳定,HTML改动。HTML改动意味着类名可改换,也就是假如类名利用了暗示某一形态的称号,反而更有益于修正。
[*]款式界说与HTML都改动。只必要思索不要呈现第一种情形的了局就能够了。
而实践情形并非纯真的某一种情形,更多的时分是混同着呈现的。有点远了,回主题。
划定规矩
[模块前缀]_范例_(感化|形态)n_[地位n]
图例申明:
[*](必选):必须存在。
[*][可选]:可依据必要选择。
[*]|:多选一。
[*]n:可有多个。
名词申明:
模块前缀模块界说时利用的前缀。范例界说类的内容范例。如输出框、文本、段落等等。感化界说类的感化,用于对范例的增补。形态界说类的形态,用于对范例的增补。地位界说类所利用的地位,如首页、导航等等,不扫除利用左、右如许的词,但应只管制止。
[*]每项都可有本人的一个缩写表,统一称号的缩写只管一致。
[*]所选用的单词应选择不外于详细暗示某一形态(如色彩、巨细等)的单词,以免当形态改动时称号得到意义。
[*]由不以数字开首的小写字母(a-z)、数字(0-9)构成。
[*]确保类(.class)的重用性与工具(#id)的独一性,id制止利用保存字。
例:
模块前缀:
[*]弹出pop
[*]大众global,gb
[*]题目title,tit
[*]提醒hint
[*]菜单menu
[*]信息info
[*]预览pvw
[*]Tipstips
[*]导航nav
范例:
[*]按钮bt
[*]文本tx
[*]段落p
[*]图标icon
[*]inputinput
[*]色彩color,c
[*]背景bg
[*]边框bor
感化:
[*]设置set
[*]增加add
[*]删除del
[*]操纵op
[*]暗码pw
[*]导进inc
形态:
[*]乐成suc
[*]失利lost
[*]通明tran
地位:
[*]大众gb
[*]边框bor
[*]段落p
[*]弹出pop
[*]题目title,tit
[*]菜单menu
[*]内容cont
[*]导航nav
中文注释定名中文注释定名文本输出框.input_tx段落文本色彩.tx_c_p暗码输出框.input_pw相册弹出的设置层.pop_set_photo登录暗码输出框.input_pw_login日记设置乐成提醒.hint_suc_blogset文本色彩.tx_c大众提醒.hint_gb问几个复杂的成绩,能够匡助我们完成定名:
[*]“甚么范例的界说?”——是个输出框,input。
[*]“范例增补申明”——假如一个词申明不分明,那末增补申明范例,文本输出框,input_tx。
[*]“在哪利用?”——界说要利用的地位在哪?首页的搜刮文本输出框,input_search_index。
大概没法掩盖到一切的情形,但信任能办理70%~80%的定名成绩。假如分离“模块化”相干的办法往界说,实在所必要界说的称号其实不必要良多。如:“hint_tx”暗示提醒模块的笔墨界说,“hit_tx_hint”暗示提醒里笔墨夸大的界说,至因而改动色彩仍是加粗,这个就看分歧提醒模块的必要了。
符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上 滚动条)层属性--溢出(visible/hidden/scroll/auto) 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 学Dreamweaver技术的过程其实是一个增加信心的过程。 HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
页:
[1]