js编程规范
- 格式:doc
- 大小:250.00 KB
- 文档页数:18
js使用手册JavaScript(简称JS)是一种脚本语言,用于在网页上实现交互效果和动态内容。
它是目前使用最广泛的编程语言之一,因为它可以用于开发网页应用、游戏、桌面应用等各种类型的程序。
本文将为你提供一份简明的JavaScript使用手册,介绍了JavaScript的基本语法、数据类型、函数、控制流和常见的操作等内容。
一、基本语法:1.注释:可以使用双斜杠(//)进行单行注释,或使用斜杠和星号(/*...*/)进行多行注释。
2.变量和常量:使用var关键字声明变量,使用const关键字声明常量。
JavaScript使用弱类型,所以变量可以在不同的数据类型之间进行转换。
3.数据类型:JavaScript包含了多种数据类型,包括数字、字符串、布尔值、数组、对象等。
可以使用typeof操作符来检查变量的数据类型。
4.运算符:JavaScript支持常见的算术运算符(例如+、-、*、/)和逻辑运算符(例如&&、||、!),以及比较运算符(例如==、>、<)。
5.字符串操作:可以使用+运算符来连接字符串,也可以使用字符串模板(`${...}`)来创建格式化的字符串。
二、数据类型:1.数字类型:JavaScript中的数字包括整数和浮点数。
可以进行基本的算术运算,也可以使用内置的Math对象来进行高级的数学计算。
2.字符串类型:JavaScript中的字符串以单引号('...')或双引号("...")括起来。
可以使用一系列内置的字符串方法来操作和处理字符串。
3.布尔类型:JavaScript中的布尔类型只有两个值,true和false。
可以通过逻辑运算符和比较运算符来进行布尔运算。
4.数组类型:JavaScript中的数组可以存储多个值,并根据索引进行访问。
可以使用一系列内置的数组方法来操作和处理数组。
5.对象类型:JavaScript中的对象是一种复合数据类型,可以存储键值对。
js 标准JavaScript (JS) 标准是描述JavaScript语言基本语法和功能的规范。
该标准由Ecma国际组织制定,现在的最新版本是ECMAScript 2021。
JS标准规定了一系列的语法规则、数据类型、操作符、控制流程和内置对象,以及各种函数和方法的定义和用法。
通过遵循JS标准,开发者可以编写出可靠、可维护、具有良好兼容性的JavaScript代码。
在JS标准中,定义了一些常用的数据类型,如字符串、数字、布尔值、数组、对象等。
还提供了强大的内置对象,如Math、Date和Array,使开发者能够更加方便地处理和操作数据。
JS标准提供了一系列的操作符,如算术操作符、比较操作符、逻辑操作符等,用于处理各种运算和逻辑判断。
同时,还定义了各种控制流程,如条件语句、循环语句和函数调用,用于实现不同的程序逻辑。
除了基本的语法和功能,JS标准还规定了一些特殊的行为和约定,如变量声明、作用域、闭包和异常处理等。
这些规定使得JavaScript成为一门功能强大,灵活性高的编程语言。
通过遵循JS标准,开发者可以编写出兼容性好的JavaScript代码,因为各种浏览器和JavaScript引擎都会遵循相同的标准来解析和执行JavaScript代码。
这样,开发者就可以确保自己编写的代码在不同的环境中都能够正常运行。
总而言之,JS标准是JavaScript编程的基石,它定义了JavaScript语言的基本语法和功能,使开发者能够编写出高效、可靠的JavaScript代码。
通过学习和理解JS标准,开发者可以提升自己的编程能力,并且为构建更好的Web应用做出贡献。
js文件的写法JavaScript是一种常用的编程语言,用于开发网页和应用程序。
在JavaScript开发中,文件是必不可少的组成部分。
正确的文件编写方式可以提高代码的可读性、可维护性和可扩展性。
本文将介绍JavaScript文件的编写规则和最佳实践。
一、文件命名JavaScript文件的命名应该遵循一定的规则,以便于理解和组织代码。
通常,文件名应该与文件内容相关联,并使用小写字母和下划线进行命名。
常见的命名规则包括:*使用项目名称作为文件名,例如myProject.js。
*避免使用缩写或缩写组合,因为它们可能会导致混淆。
*避免使用特殊字符或空格,除非有特别的原因。
二、文件结构一个典型的JavaScript文件应该包含以下结构:*文件头部:包括版权信息、版本号、文件描述等。
*模块声明:用于标识文件的组成部分和功能。
*变量和函数声明:包含文件的主要逻辑和功能。
*文档对象模型(DOM)操作:如果文件包含与网页相关的操作,则需要使用DOM操作函数。
*文件尾部:包括结束标记和注释。
三、代码风格良好的代码风格可以提高代码的可读性和可维护性。
以下是一些常见的JavaScript代码风格:*使用缩进来表示代码块,通常为2或4个空格。
*变量和函数名应该具有描述性,并使用驼峰命名法。
*使用注释来解释代码的目的和实现方式。
*在函数和循环中使用空行来分隔不同的逻辑部分。
*使用严格模式来确保变量和函数的作用域。
四、模块化编程模块化编程是一种将代码分解为独立、可重用的模块的方法,可以提高代码的可维护性和可扩展性。
在JavaScript中,可以使用模块导出和导入来实现模块化编程。
以下是一个简单的模块化示例:```javascript//myModule.jsexportfunctionadd(a,b){returna+b;}``````javascript//main.jsimport{add}from'./myModule';console.log(add(1,2));//输出3```在上述示例中,myModule.js文件定义了一个名为add的函数,并将其导出供其他文件使用。
阿里前端开发规范阿里前端开发规范包括代码、命名、HTML、CSS、JavaScript、图片方面的规范。
1. 代码规范:- 使用四个空格缩进,不使用制表符。
- 代码行长度不超过80个字符。
- 使用驼峰命名法,变量和函数名用小写开头,构造函数用大写开头。
- 使用严格相等运算符(===和!==)替代宽松相等运算符(==和!=)。
- 在条件表达式中,使用括号来提高可读性。
- 避免在循环中使用等号赋值(例如,for (var i = 0; i < array.length; i++))。
- 避免使用eval()函数。
2. 命名规范:- 文件名应该全部小写,可以包含破折号(-)或下划线(_)。
- 文件夹名应该全部小写,可以包含破折号(-)或下划线(_)。
- CSS文件名应该以.css结尾。
- JavaScript文件名应该以.js结尾。
3. HTML规范:- 使用两个空格缩进,不使用制表符。
- 使用双引号而不是单引号作为属性值的引号。
- 在自定义属性中使用小写字母和破折号(-)。
- 为所有非自闭合标签使用闭合标签。
- 避免在HTML标签中使用行内样式。
4. CSS规范:- 使用两个空格缩进,不使用制表符。
- 使用小写字母和破折号(-)作为选择器和属性名的命名方式。
- 为每个选择器之间使用空行分隔。
- 使用简写属性来减少代码量。
- 使用预处理器(如Less或Sass)来编写CSS。
5. JavaScript规范:- 使用两个空格缩进,不使用制表符。
- 使用分号作为语句的结束符号。
- 避免使用全局变量。
- 避免使用with语句。
- 使用模块化的开发方式,避免全局作用域污染。
6. 图片规范:- 使用有意义的命名来描述图片内容。
- 使用适当的格式和压缩技术来减小图片文件大小。
- 将页面上的图片引用写成相对路径。
以上是阿里前端开发规范的一些主要内容。
在实际开发中,遵循这些规范可以提高代码的可读性和可维护性,使团队成员之间更容易协同工作。
JavaScript开发规范要求作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利于团队的合作,通常还会带来代码安全以及执行效率上的问题。
本人在开发工作中就曾与不按规范来开发的同事合作过,与他合作就不能用“愉快”来形容了。
现在本人撰写此文的目的除了与大家分享一点点经验外,更多的是希望对未来的合作伙伴能够起到一定的借鉴作用。
当然,如果我说的有不科学的地方还希望各路前辈多多指教。
下面分条目列出各种规范要求,这些要求都是针对同事编码毛病提出来的,好些行业约定的其它规范可能不会再提及。
1、保证代码压缩后不出错对于大型的JavaScript项目,一般会在产品发布时对项目包含的所有JavaScript文件进行压缩处理,比如可以利用Google Closure Compiler Service对代码进行压缩,新版jQuery已改用这一工具对代码进行压缩,这一般会去掉开发时写的注释,除去所有空格和换行,甚至可以把原来较长的变量名替换成短且无意义的变量名,这样做的目的是加快文件的下载速度,同时也减小网站访问带来的额外数据流量,另外在代码保护上也起到了一点点作用,至少压缩后的代码即使被还原还是没那么容易一下读懂的。
要想代码能正确通过压缩,一般要求语句都要以分号正常结束,大括号也要严格结束等,具体还要看压缩工具的要求。
所以如果一开始没有按标准来做,等压缩出错后再回去找错误那是浪费时间。
2、保证代码能通过特定IDE的自动格式化功能一般较为完善的开发工具(比如Aptana Studio)都有代码“自动格式”化功能,这一功能帮助实现统一换行、缩进、空格等代码编排,你可以设置自己喜欢的格式标准,比如左大括号{是否另起一行。
达到这个要求的目的在于方便你的开发团队成员拿你代码的一个副本用IDE自动格式化成他喜欢或熟悉的风格进行阅读。
你同事需要阅读你的代码,可能是因为你写的是通用方法,他在其它模块开发过程中也要使用到,阅读你的代码能最深入了解方法调用和实现的细节,这是简单API文档不能达到的效果。
编程语言规范编程语言规范是程序员在编写代码时遵循的一套规则和标准,它旨在确保代码的可读性、一致性和可维护性。
下面是一份通用的编程语言规范,包括命名规范、代码风格、注释规范和一些最佳实践。
一、命名规范1. 变量名、函数名采用小驼峰式命名:例如:myVariable,myFunction。
2. 类名采用大驼峰式命名:例如:MyClass。
3. 常量名全大写:例如:MY_CONSTANT。
二、代码风格1. 使用缩进代替制表符,常用的方式是使用四个空格缩进。
2. 在代码块中,使用一对花括号{}来表示开始和结束,且开始花括号需单独一行。
3. 操作符与运算数之间加入空格,例如:a = b * c。
4. 代码行长度不超过80个字符,超出的部分需要换行。
5. 避免行尾空格。
三、注释规范1. 使用自然语言编写注释,明确解释代码的功能和目的。
2. 在函数和类的定义之前,添加文档注释,说明函数或类的用途、参数和返回值。
3. 注释行长度不超过80个字符,超出的部分需要换行。
四、最佳实践1. 遵循单一职责原则:每个函数、类只负责一项具体的功能。
2. 使用清晰的命名:命名应该能表达代码的意义,避免使用缩写和无意义的命名。
3. 尽量避免使用全局变量,在需要共享数据时,使用参数传递或者类的属性。
4. 避免使用魔法数字,应该使用有意义的常量来代替。
5. 错误处理应该被捕获并处理,避免让程序崩溃或进入不可预测的状态。
6. 函数和类应该有适当的文档注释,以便其他人能够理解和使用。
总结:编程语言规范是一项重要的开发实践,它能够提高代码的质量和可维护性。
在编写代码时,遵循一套规范可以使代码更易读、易懂,提高团队之间的协作效率。
同时,编程语言规范也是程序员的一种专业素养,它不仅能够为代码提供一种良好的结构和格式,还能够反映出程序员的编程水平和对软件工程的理解。
因此,我们在编写代码时应该时刻遵循编程语言规范,不断提高自己的编程素养,并不断完善和优化自己的代码。
js语言的标准JavaScript是一种客户端脚本语言,它主要用于实现网页上动态内容的创建和控制,为用户提供更好的交互界面。
由于其广泛的应用,它被认为是网页设计和开发的重要工具。
JavaScript最初是由丹尼斯罗宾斯(Dennis Ritchie)于1995年开发的,当时名为“LiveScript”。
1995年底,Netscape与Sun(现在的Oracle)公司签订了一项授权协议,Netscape将其产品重命名为“JavaScript”,以求营造和Java的联系。
JavaScript是一种轻量级,解释型的编程语言,它具有可移植性,可以支持多种操作系统,可以关联和集成各种服务器和客户端脚本语言。
JavaScript的标准包括ECMAScript,这是JavaScript在Web上使用的标准。
ECMAScript是一种定义语法和运行环境的规范,由美国国家标准组织(ANSI)和国际标准组织(ISO)共同制定。
ECMAScript 的最新版本是ECMAScript 2015,它包括了对类、模块和迭代器的支持。
除了ECMAScript之外,还有一些实现标准,其中最流行的是DOM (文档对象模型)和Ajax技术(Asynchronous JavaScript和XML)。
DOM允许开发者更好地管理HTML和XML文档,Ajax技术则使网页能够以异步方式向服务器发送和接收数据。
JavaScript是一种多范式的编程语言,它支持面向对象的编程、函数式编程和强类型编程三种style。
它的变量类型有六种,标准类型包括基本类型(数字、字符串、布尔值)、对象(数组、日期)和函数。
JavaScript中包含丰富的内置函数,用于处理逻辑、字符串、数学和与日期和时间相关的任务。
它还定义了许多有趣的运算符,如构造函数和操作符,用于在实现一些复杂的任务时提供帮助。
JavaScript支持各种流行的语言环境,包括Node.js、React、Vue和Angular。
js模块化编程之彻底弄懂CommonJS和AMDCMD!先回答我:为什么模块很重要?答:因为有了模块,我们就可以更⽅便地使⽤别⼈的代码,想要什么功能,就加载什么模块。
但是,这样做有⼀个前提,那就是⼤家必须以同样的⽅式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!于是下⾯三个模块规范出来了,这篇⽂章也出来了(拼出来的 {捂脸笑})。
JS中的模块规范(CommonJS,AMD,CMD),如果你听过js模块化这个东西,那么你就应该听过或CommonJS或AMD甚⾄是CMD这些规范咯,我也听过,但之前也真的是听听⽽已。
现在就看看吧,这些规范到底是啥东西,⼲嘛的。
本⽂包括这三个规范的来源及对应的产物的原理。
⼀、CommonJS1.⼀开始⼤家都认为JS是辣鸡,没什么⽤,官⽅定义的API只能构建基于浏览器的应⽤程序,逗我呢,这太狭隘了吧(⽤了个⾼端词,嘎嘎),CommonJS就按耐不住了,CommonJS API定义很多普通应⽤程序(主要指⾮浏览器的应⽤)使⽤的API,从⽽填补了这个空⽩。
它的终极⽬标是提供⼀个类似Python,Ruby和Java标准库。
这样的话,开发者可以使⽤CommonJS API编写应⽤程序,然后这些应⽤可以运⾏在不同的JavaScript解释器和不同的主机环境中。
在兼容CommonJS的系统中,你可以使⽤JavaScript开发以下程序:(1).服务器端JavaScript应⽤程序(2).命令⾏⼯具(3).图形界⾯应⽤程序(4).混合应⽤程序(如,Titanium或Adobe AIR)2009年,美国程序员Ryan Dahl创造了项⽬,将javascript语⾔⽤于服务器端编程。
这标志"Javascript模块化编程"正式诞⽣。
因为⽼实说,在浏览器环境下,没有模块也不是特别⼤的问题,毕竟⽹页程序的复杂性有限;但是在服务器端,⼀定要有模块,与操作系统和其他应⽤程序互动,否则根本没法编程。
JavaScript 编码规范一、命名规范1.允许名称中包含字母,数字,下划线'_'和‘$’,区分大小写2.变量(函数)的命名要清晰、明了,有明确含义,同时使用完整的单词或大家基本可以理解的缩写,避免使人产生误解3.命名中若使用特殊约定或缩写,则要有注释说明4.除了在xpcom组件中,尽量不要使用“_”作为变量(函数)名的第一个字符。
它有时用来标识私有变量(函数),但实际上javascript并没有提供私有变量的功能。
如果私有变量很重要,可以使用私有成员的形式,应避免使用这种容易让人误解的命名习惯5.用正确的反义词组命名具有互斥意义的变量或相反动作的函数等注意:没有关系的变量不要使用***1,***2,***3,***4没有测试意义的变量(函数)不要用test开头二、声明1.变量声明1)所有变量必须在使用前定义,尽管javascrip并不强制要求这样做,但是这样做可以增加程序的可读性,且容易发现那些没有声明的变量(它们会被编译成全局变量)2)尽量减少全局变量的使用,不要让局部变量覆盖全局变量3)在函数的开始应先用 var 关键字声明函数中要使用的局部变量,每个变量单独占一行,注释变量的功能及代表的含义。
2.函数声明1)所有函数也必须在调用前进行声明2)内部函数应在 var 声明内部变量的语句之后声明,可以清晰地表明内部变量和内部函数的作用域。
三、语句1.一行最多有一个语句,语句后边要有“;”注:如果一个赋值语句是用函数和对象来赋值,可能需要跨多行,一定切记要在赋值语句末加上分号。
这是因为 JavaScript 中,所有表达式都可以当语句,遇换行符时会解析为表达式的结束,此时不规范的换行和分号的丢失,可能引入新的错误。
2.对于复合语句,if, for, while, do, switch, try … catch 等代码体,函数定义的函数体,对象的定义等都需要放在花括号'{}'里面。
JavaScript的命名规范JavaScript是一种用于在网页上添加交互功能的脚本语言。
良好的命名规范可以使代码更易读、易维护,并提高团队合作效率。
本文将介绍JavaScript中常用的命名规范。
一、变量和函数命名1. 使用有意义且描述准确的名称。
2. 变量名应该以小写字母开始,使用驼峰命名法来区分单词。
例如:firstName, lastName。
3. 函数名应该以动词开头,使用驼峰命名法。
例如:calculateTotal, getUserInfo。
4. 避免使用单个字符作为变量名,除非用于简单的计数器或迭代变量。
二、常量命名1. 使用全大写字母和下划线来命名常量。
例如:MAX_WIDTH, PI。
2. 将常量的命名与变量和函数的命名方式区分开,可以使用下划线分隔单词。
三、构造函数命名1. 构造函数名应使用大写字母开头,以便区分普通函数。
例如:Car, Employee。
2. 避免使用与内置对象重名的构造函数。
四、文件名命名1. 在文件名中使用有意义的名称来描述文件的内容。
2. 文件名应使用小写字母,多个单词之间使用连字符“-”分隔。
五、类命名1. 类名应该以大写字母开头。
2. 使用驼峰命名法来命名类。
例如:Person, ShoppingCart。
六、枚举命名1. 枚举命名应使用大写字母,多个单词之间使用下划线分隔。
七、模块命名1. 模块命名应该以小写字母开头,使用驼峰命名法。
2. 模块命名应该具有描述性,清晰明了。
八、注释规范1. 使用注释来解释代码的目的、功能和工作原理。
2. 注释应该简洁明了,避免冗余和无用的描述。
3. 在关键的函数和复杂的代码块上添加注释,以提高代码的可读性。
九、缩进和空格1. 使用合适的缩进来分层次显示代码块。
2. 使用空格来增加代码的可读性,并在运算符和逗号后面添加空格。
3. 避免在行尾使用空格,以免引起不必要的错误。
结论:良好的命名规范是编写易读、易维护代码的基础。
动易系统CSS风格样式3D模型盒和定义规范动易系统自4.×版本开始,版式模板与风格模板开始紧密结合,并考虑到对今后一些基本界面定义修改的方便,对默认的风格进行了运用定义的预设。
系统提供默认的风格模板定义,可查阅网站后台默认的风格设置的“风格配色设置”。
系统默认提供的CSS样式风格定义,里面有详细的定义注释,注释标记为:/* ...... */。
在系统中,CSS样式风格定义是可以自己自由定义的,也说是说您可以自由添加N多个自定义的风格,然后在各频道的版式模板中调用即可。
修改风格设置必须具备一定网页css样式设计知识,建议您找些这方面的书看一下。
在定义中不能使用单引号或双引号,否则会容易造成程序错误。
现对一些定义进行说明:[NextPage]一、CSS定义的划分及命名规范1、按位置命名网站风格整体通用的命名规则以网页顶部、中部、底部三个大区块位置及其内部位置进行划分与命名,如:•网页顶部定义的样式命名为:top_***;•网页中部定义的样式命名为:center_***;•网页底部定义的样式命名为:bottom_***;在网页中部定义中,按其位置划分为左、中、右三个区块:•网页中部左侧运用的样式命名为:left_***;•网页中部中间运用的样式命名为:main_***;•网页中部右侧运用的样式命名为:right_***;……2、按使用范围命名在各区块内,则按其使用范围进行命名,如:三大区块整体定义:.top_tdbgall.center_tdbgall.bottom_tdbgall备注:本定义一般用于控制顶部、中部、底部表格的宽度、背景色、两侧连线的定义样式网页顶部(top)中的CSS定义:网页顶部通用定义:.top_tdbgall /* 顶部表格总背景颜色定义*/{width: 760;background:#ffffff;}网页顶部中的CSS定义:.top_top/* 顶部间隔表格定义*/.top_Channel /* 频道表格背景、文字颜色定义*/.top_Announce/* 公告表格背景、文字颜色定义*/.top_nav_menu/* 导航栏表格背景、文字颜色定义*/.top_Path /* 您现在的位置表格背景、文字颜色定义*/.top_UserLogin/* 顶部用户登录文字链接的CSS定义*/网页中部(center)的CSS定义:网页中部通用定义:.center_tdbgall /* 中部表格总背景颜色定义*/{background:#ffffff;}网页中部左栏的CSS定义:.left_tdbgall/* 左栏表格总背景颜色定义*/.left_title /* 左栏标题表格背景、文字颜色定义*/.left_tdbg1 /* 左栏内容表格背景、文字颜色定义*/.left_tdbg2 /* 左栏底部表格背景、文字颜色定义*/网页中部右栏的CSS定义:.right_title/* 左栏标题表格背景、文字颜色定义*/……/* --网页中部中栏的CSS定义开始-- */网页中部中栏的CSS定义:.main_tdbgall /* 中栏表格总背景颜色定义*/.main_shadow /* 中栏内容间隔表格背景颜色定义(575) */.main_announce /* 中栏公告表格背景、文字颜色定义*/.main_Search /* 中栏搜索表格背景、文字颜色定义*/.main_top /* 中栏最新推荐表格背景颜色定义*/.main_title_760i/* 网站首页中栏标题表格背景、文字颜色定义(760) */ .main_tdbg_760i /* 网站首页中栏内容表格背景、文字颜色定义(760) */ .main_title_575/* 中栏标题表格背景、文字颜色定义(575) */.main_tdbg_575/* 中栏内容表格背景、文字颜色定义(575) */.main_title_282i /* 栏目文章列表标题表格背景、文字颜色定义(282) */ .main_tdbg_282i /* 栏目文章列表内容表格背景、文字颜色定义(282) */ .main_title_282 /* 栏目文章列表标题表格背景、文字颜色定义(282) */ .main_tdbg_282 /* 栏目文章列表内容表格背景、文字颜色定义(282) */ .listbg /* --栏目文章列表内容间隔颜色的定义1-- */.listbg2 /* --栏目文章列表内容间隔颜色的定义2-- */文章显示页的CSS定义:.main_ArticleTitle /* 主标题文字颜色定义*/.main_ArticleSubheading /* 副标题文字颜色定义*/.main_title_760 /* 标题导航表格背景、文字颜色定义(760) */.main_tdbg_760/* 内容表格背景、文字颜色定义(760) */.Article_tdbgall /* 责编等表格背景、文字颜色定义(760) */留言频道CSS定义:a.Guest/* 留言栏目标题文字链接的CSS定义--调用代码为<a class=’Guest’***>***</a> */.Guest_title_760/* 标题导航表格背景、文字颜色定义(760) */.Guest_tdbg_760 /* 内容表格背景、文字颜色定义(760) */.Guest_border/* 蓝色表格边框背景颜色定义(760) */.Guest_title/* 标题背景颜色定义(760) */.Guest_tdbg/* 表格背景颜色定义(760) */.Guest_tdbg_1px /* 留言显示1px表格背景颜色定义*/.Guest_border2 /* 回复表格虚线边框背景颜色定义(760) */.Guest_ReplyAdmin/* 管理员回复文字背景颜色定义(760) */.Guest_ReplyUser/* 用户回复文字背景颜色定义(760) */商城的CSS定义:.Shop_border/* 蓝色表格边框背景颜色定义(760) */.Shop_border3 /* 灰色表格边框背景颜色定义(760) */.Shop_title/* 标题背景颜色定义(760) */.Shop_tdbg /* 表格背景颜色定义(760) */.Shop_tdbg2 /* 表格背景颜色定义2 */.Shop_tdbg3 /* 表格背景颜色定义3 */.Shop_tdbg4/* 表格背景颜色定义4 */供求信息div按钮定义:#supply.supplybut.supplybutover固定排课表格表格的css定义:.date_border.date_title.date_tdbg.style2.style3网页底部(bottom)的CSS定义:网页底部通用定义:.Bottom_tdbgall /* 底部表格总背景颜色定义*/{width: 760;background:#ffffff;}网页底部中的CSS定义:.Bottom_Adminlogo/* 管理信息表格背景、文字颜色定义*/.Bottom_Copyright /* 版权信息表格背景、文字颜色定义*/网站整体及有链接文字“A”的CSS定义网站整体定义:BODY /* Body的CSS定义:对应CSS中“BODY”,可定义内容为网页字体颜色、背景、浏览器边框等*/TD /* 单元格的CSS定义:对应CSS中的“TD”,这里为总的表格定义,为一般表格的的单元格风格设置,可定义内容为背景、字体颜色、样式等*/Input/* 文本框的CSS定义:对应CSS中的“INPUT”,这里为文本框的风格设置,可定义内容为背景、字体、颜色、边框等*/Button /* 按钮的CSS定义:对应CSS中的“BUTTON”,这里为按钮的风格设置,可定义内容为背景、字体、颜色、边框等*/Select/* 下拉列表框的CSS定义:对应CSS中的“SELECT”,这里为下拉列表框的风格设置,可定义内容为背景、字体、颜色、边框等*/有链接文字“A”的CSS定义:/* 网站链接总的CSS定义:可定义内容为链接字体颜色、样式等*/a{text-decoration: none;} /* 链接无下划线,有为underline */a:link {color: #000000;} /* 未访问的链接*/a:visited {color: #333333;} /* 已访问的链接*/a:hover{COLOR: #AE0927;} /* 鼠标在链接上*/a:active {color: #0000ff;} /* 点击激活链接*/a.Channel/* 顶部频道文字链接的CSS定义--将顶部频道文字链接与网站链接总的CSS定义分开,以后可以制作深底浅字的格式,如果要保持原来的设计样式,将此定义内容删除或定义成与网站链接总的CSS相同即可。
调用代码为<a class=’Channel’***>***</a> */a.Channel2/* 顶部当前频道文字链接的CSS定义--调用代码为<a class=’Channel2’***>***</a> */a.Bottom/* 底部版权信息文字链接的CSS定义--与顶部频道文字链接定义的想法相同。
可设置与顶部频道文字链接定义不同的文字颜色,网页内定义以预留。
调用代码为<a class=’Bottom’***>***</a> */a.Class/* 文章栏目标题文字链接的CSS定义--可设置与顶部频道文字链接定义不同的文字颜色,网页内定义以预留。
要相同可不设置。
调用代码为<a class=’Class’***>***</a> */a.Guest/* 留言栏目标题文字链接的CSS定义--调用代码为<a class='Guest' ***>***</a> */a.Channel_KeyLink/* 站内链接文字颜色定义*/频道通用表格CSS定义频道通用表格CSS定义:.Channel_border /* 灰色表格边框背景颜色定义(760) */.Channel_title /* 标题背景颜色定义(760) */.Channel_tdbg/* 表格背景颜色定义(760) */.Channel_pager/* 分页表格背景颜色定义(760) */ 评论显示页的CSS定义:.Comment_border /* 蓝色表格边框背景颜色定义(760) */ .Comment_title /* 标题背景颜色定义(760) */.Comment_tdbg1 /* 表格背景颜色定义(760) */.Comment_tdbg2 /* 留言显示1px表格背景颜色定义*/ 简短标题文字的CSS定义:.S_headline1/* [图文]简短标题文字的CSS定义*/ .S_headline2 /* [组图]简短标题文字的CSS定义*/ .S_headline3 /* [推荐]简短标题文字的CSS定义*/ .S_headline4/* [注意]简短标题文字的CSS定义*/评论显示页的CSS定义:.Guest_font /* 隐藏、用户等特殊文字颜色定义*/站内链接文字颜色定义:a.Channel_KeyLink{text-decoration: underline;}a.Channel_KeyLink:link {color: blue;}a.Channel_KeyLink:visited {color: blue;}a.Channel_KeyLink:hover{color: #ff0000;}a.Channel_KeyLink:active {color: blue;}用户控制css定义:/*用户控制面板左*/.user_left/*左区块定义*/.user_box/*左区块内标题栏定义*/.user_righttitle.user_line.user_toolstop/*左区块内标题栏定义*/.user_toolsbot/*左区块内内容定义*/.user_toolspoint/*区块内箭头栏定义*//*用户控制面板右*/.user_right {.border1.title.border.tdbg.tdbgmouseover.tdbg2.tdbg5.title5.title6.button1.show_page用户登录框定义:#userlogined#userctrl#usermessage.havemessage.havemessaged.spaceList/* 聚合空间列表定义*/.spaceList_image.spaceList_intro#showspacelist_moreRSS连接框定义:#popitmenu#popitmenu A#popitmenu A:hover小结:从以上相关定义与命名中可以看出,定义名的规律一般中是以“(网页顶部、中部、底部三个大区块位置)”+“_”+“使用范围(表格内使用范围、模块名、运用范围等)”进行命名。