css命名规则

CSS写入顺序

1.位置属性(位置、顶部、右侧、z索引、显示、浮动等。)

2.大小(宽度、高度、填充、边距)

3.文本系列(字体、行高、字母间距、颜色-文本-对齐等。)

4.背景(背景、边框等。)

5.其他(动画、过渡等。)

编写规范使用CSS缩写属性。

有些CSS属性可以缩写，比如填充、边距、字体等。，可以简化代码，提高用户的阅读体验。

去掉小数点前的“0”

缩写命名

很多用户喜欢缩写类名，但前提是人们能理解你的名字！

十六进制颜色代码缩写

有些色标可以缩写，我们就尽量缩写吧，提高用户体验。

命名连字符CSS选择器的规范

1.长名字或短语可以用中间横线命名。

2.不建议使用“_”下划线来命名CSS选择器。为什么？

输入时少按一个shift键；

浏览器兼容性问题(比如用_tips的选择器命名，这在IE6中是无效的)

能很好的区分JavaScript变量命名(JS变量命名是“_”)

不要随意使用Id。

Id在JS中是唯一的，不能多次使用，但是通过使用类选择器可以重用。另外，id的优先级高于类，所以id要按需使用，不能滥用。

向选择器添加状态前缀。

有时候可以给选择器加一个前缀来表示状态，这样语义更清晰。比如前缀”。下图中增加了“是”。

CSS命名规范中常用的CSS命名规则(规则)

标题:标题

内容:内容/容器

尾部:页脚

导航:导航

侧栏:侧栏

列:列

页面外围控制整体布局宽度:包装

中间:左右居中

词条:loginbar

徽标:徽标

广告:横幅

页面:主页

热点:热

新闻:新闻

下载:下载

子导航:subnav

菜单:菜单

菜单:子菜单

搜索:搜索

友情链接:friendlink

页脚:页脚

版权:版权

滚动:滚动

内容:内容

标签:标签

文章:列表

消息:消息

小贴士:小贴士

标题:标题

加入:joinus

指南:指南

服务:服务

注册:regsiter

状态:状态

投票:投票

合伙人:合伙人

评论的撰写:

/*标题*/

内容区域

/*结束标题*/

Id名称:

1)页面结构

容器:容器

页面:页眉

内容:内容/容器

页面:主页

页脚:页脚

导航:导航

侧栏:侧栏

列:列

页面外围控制整体布局宽度:包装

中间:左右居中

2)导航

导航:导航

主导航:主导航

子导航:subnav

顶部导航:顶部导航

侧面导航:侧栏

导航:左侧边栏

导航:右侧边栏

菜单:菜单

菜单:子菜单

标题:标题

摘要:概要

3)功能

徽标:徽标

广告:横幅

登录:登录

词条:loginbar

注册:注册

搜索:搜索

功能区:商店

标题:标题

加入:joinus

状态:状态

按钮:btn

滚动:滚动

页面:选项卡

文章:列表

消息:消息

当前:当前

小贴士:小贴士

图标:图标

注意:注意

指南:公会

服务:服务

热点:热

新闻:新闻

下载:下载

投票:投票

合伙人:合伙人

友情链接:链接

版权:版权

注意:

1.全部小写；

2.尽量使用英语；

3.没有中间条和下划线；

4.尽量不要缩写，除非是一眼就能看懂的词。

CSS文件命名

Main master.css of

模块. css

Common base.css

布局，布局布局. css

Themes.css

Columns.css

Font.css

Forms.css

Mend.css

打印. css

javascript变量名和函数对象的命名规范是什么？

javascript命名规范没有明确的定义吧，主要怎么命名让自己看起来爽，团队看起来爽，所以主要还是看你们自己怎么约定的。

命名规范

1.变量名称 必须为 小写字母。

2.类的命名使用骆驼命名规则，例如：

Account, EventHandler

3.常量 必须 在对象（类）或者枚举变量的前部声明。枚举变量的命名必须要有实际的意义，并且其成员 必须 使用骆驼命名规则或使用大写：

var NodeTypes ={ Element :1, DOCUMENT:2}

4.简写单词 不能使用 大写名称作为变量名：

getInnerHtml(), getXml(), XmlDocument

5.方法的命令 必须 为动词或者是动词短语：

obj.getSomeValue()

6.公有类的命名 必须 使用混合名称（mixedCase）命名。

7.CSS 变量的命名 必须 使用其对应的相同的公共类变量。

8.私有类的变量属性成员 必须 使用混合名称（mixedCase）命名，并前面下下划线（_）。例如：

var MyClass =function(){ var _buffer; this.doSomething=function(){ };

}

9.变量如果设置为私有，则前面 必须 添加下划线。

this._somePrivateVariable = statement;

10.通用的变量 必须 使用与其名字一致的类型名称：

setTopic(topic)// 变量 topic 为 Topic 类型的变量

11.所有的变量名 必须 使用英文名称。

12.变量如有较广的作用域（large scope），必须使用全局变量；此时可以设计成一个类的成员。相对的如作用域较小或为私有变量则使用简洁的单词命名。

13.如果变量有其隐含的返回值，则避免使用其相似的方法：

getHandler();// 避免使用 getEventHandler()

14.公有变量必须清楚的表达其自身的属性，避免字义含糊不清，例如：

MouseEventHandler

，而非 MseEvtHdlr。　　请再次注意这条规定，这样做得的好处是非常明显的。它能明确的表达表达式所定义的含义。

15.类/构造函数 可以使用 扩展其基类的名称命名，这样可以正确、迅速的找到其基类的名称：　EventHandler　UIEventHandler　MouseEventHandler　　基类可以在明确描述其属性的前提下，缩减其命名：　　MouseEventHandler as opposed to MouseUIEventHandler.

特殊命名规范

术语 “get/set” 不要和一个字段相连，除非它被定义为私有变量。前面加 “is” 的变量名 应该 为布尔值，同理可以为 “has”, “can” 或者 “should”。

术语 “compute” 作为变量名应为已经计算完成的变量。

术语 “find” 作为变量名应为已经查找完成的变量。

术语 “initialize” 或者 “init” 作为变量名应为已经实例化（初始化）完成的类或者其他类型的变量。UI （用户界面）控制变量应在名称后加控制类型，例如： leftComboBox, TopScrollPane。复数必须有其公共的名称约定（原文：Plural form MUST be used to name collections）。带有 “num” 或者 “count” 开头的变量名约定为数字（对象）。重复变量建议使用 “i”, “j”, “k” （依次类推）等名称的变量。补充用语必须使用补充词，例如： get/set, add/remove, create/destroy, start/stop, insert/delete, begin/end, etc.能缩写的名称尽量使用缩写。避免产生歧义的布尔变量名称，例如：　　isNotError, isNotFound 为非法错误类建议在变量名称后加上 “Exception” 或者 “Error”。方法如果返回一个类，则应该在名称上说明返回什么；如果是一个过程，则应该说明做了什么。

CSS下拉菜单怎么设置？

方法/步骤

1，新建一个html文件，命名为test.html ，用于介绍如何用css改变下拉框select样式。

2，在test.html页面，使用p创建一个模块，设置其class属性为select1，用于下面对该类名进行样式布局。

3，在p模块内，使用select标签创建一个下拉选择框，下拉列表是三个颜色的选择。

4，使用css对p进行样式布局，设置其宽度为298px ，高度为60px，并给它一个透明的背景颜色，设置其为圆角边框。

5，使用css对select下拉框进行样式的设置，设置其宽度为300px(比外层的p宽度大一点，效果更加好看)，高度为100%。

p的命名可以使用英文吗？

p是属于双标记，

可以这样 dib class=" " html中的class=是一个选择器，可以理解为一个标识，用来识特定的标签。比如：<pclass="p1">这就是一个标识效果，以后你想要改变这个p的样式的话就可以找class为p1的元素了。

css中字体中间画线设置？

1/7新建一个html文件，命名为test.html，用于讲解在html里，用css怎么在字的中间加一条横线。

2/7在test.html文件内，使用p标签创建一行文字，文字内容为“用css在字的中间加一条横线”。

3/7在test.html文件内，给p标签设置class属性，属性值为myp，主要用于下面通过该class来设置css样式。

4/7在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。

5/7在css标签内，通过p标签的class属性myp来设置p标签内文字的css样式，样式写在花括号内。

6/7在css标签内，在花括号内，将text-decoration属性设置为line-through，实现给文字中间加一条横线的效果。

7/7在浏览器打开test.html文件，查看实现的效果。

总结：1、创建一个test.html文件。2、在文件内，使用p标签创建一行测试的文字。3、在css中，将p标签的样式属性text-decoration设置为line-through，实现在字的中间加一条横线的效果。

css命名时可以使用的符号有？

一般p>0 所以他表示开口向上的抛物线 焦点是(0，p/2),,准线是y=-p/2 顶点是原点，对称轴是y轴