css样式命名技巧 css样式命名技巧有哪些

怎么给div+css样式表命名的规则

一般公司开发都是给技术员一本网站前端开发规范，里面详细的说明了各个命名的规则等相关的问题。

成都创新互联是一家专业提供保亭黎族企业网站建设,专注与网站设计、网站建设、HTML5建站、小程序制作等业务。10年已为保亭黎族众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

使用Dreamweaver CS5创建新的CSS规则打开文档，将光标移动到要插入CSS规则的位置上，然后选择下面的任意一种方法打开“新建 CSS 规则”对话框。

首先来为你解决第一个问题：div+css命名规则一般都是用词的英文格式，如果那个词英文较长就用前三个字母。

内联样式表直接在HTML标记内，插入sytle属性，再定义要显示的样式，这是最简单的样式定义方法。

这个时候给指定的表格对象设置样式依然可以通过CSS进行控制设置。其实有时我们这样思考将table标签当作DIV标签来布局设置CSS，就变得简单多了。

根据模块的主旨用途命名。比如div class=search/div，代表搜索框区域。这样你以后维护修改起来也会直观的知道哪个层是做什么的。

如果你的css文件中不含中文，那么声明或不声明都是没区别的，因为纯英文的文档不管是utf-8编码还是ansi编码都是完全一样的。但是如果含有中文（哪怕只有一个字或符号），也必须声明（当然不声明的话会默认为ansi编码）。

在CSS中，class选择器是一个以点（“.”）开头的名称，而ID选择器是一个以哈希字符（“＃”）开头的名称。

可以是任何标签，这里拿p标签举例）id选择器：#id{...} 类选择器：.class{...} 父子选择器：.class p{...} 或者 #id .class p{...}（等等）还有许多选择器器，你可以百度“CSS选择器”来看看详细的解释。

1、打开CSS样式面板使用“CSS样式”面板可以查看、创建、编辑和删除CSS样式，也可以将外部样式表附加到文档。

2、display：block； //将标签改成块元素，块元素是单独占一行的。clear：both； //清除浮动实现换行。white-space：break； //这个一般适用在英文文章中的折行。

3、dreamweaver是梦想编织者。简称“DW”，是集网页制作和管理网站于一身的所见即所得网页代码编辑器，利用对HTML、CSS、JavaScript等内容的支持，设计师和程序员可以在几乎任何地方快速制作和进行网站建设。

1、一般都记不住自己定义的class，写css的时候只好对着去拷贝。然后最痛苦的就是去修改更新，明明很简单的东西，然后你还要搞个超长的class，那叫一个烦躁，想想都懒得动手。

2、你只需要在你的.html文件中插入一个prefixfree.js文件(可以是文档任何地方)，建议把这个脚本文件放在样式表之后。添加这个脚本之后，使用CSS3的属性时，只需书写标准样式即可。但是这种做法将所有压力交给了客户端来处理。

3、各位大神好，我的代码是这样的，我想要的是设置class=alt 的都一样的颜色（如代码中的“姓名”和“班级”），但下面的代码，优于姓名下有超链接，好像就不行（颜色是COLOR： #666666；）。

4、多元素操作符* 使用后跟数字，生成对于数量的元素ulli*5生成。

5、首先要说的是，HTML和CSS两兄弟虽然彼此充满基情，但是也不能把关系搞得太复杂，样式由CSS来控制就够了，不要用HTML元素来强行获取想要的样式，比如不要仅仅为了使文字变大而使用、、这些标题标签，也不要仅仅为了缩进而使用标签。

6、从本质上说，我们将会在样式表中使用 .className [class^=className]，[class*= className] 效仿vanilla CSS的扩展功能。如果你对这种语法比较眼熟，这是因为它和 Icomoon 处理图标选择是十分相似的。

大小写敏感只能包含[a-zA-Z0-9]、-，其中不能以、-、0-9开头在CSS的命名规范中，名称不能以数字开始，只能以字母、连字符、下划线开始。之后可以是字母、连字符、下划线或数字。

@import main.css；这样就可以在IE4中也隐藏CSS了，呵呵，还节省了5个字节呢。

至此，我们的class命名方法讨论完毕，说到底就是先记住一些必备的基础关键词，然后合理应用上刚才提出的修饰关键词，特殊化class，层级及最后的样式范围就可以了。

连字符CSS选择器命名规范长名称或词组可以使用中横线来为选择器命名。

文件[建议]：CSS文件使用无BOM的UTF-8编码2缩进[强制]：使用 4 个空格做为一个缩进层级，不允许使用 2 个空格或 tab 字符。.selector { margin： 0； padding： 0； }3空格[强制]：选择器与 { 之间必须包含空格。

网站栏目：css样式命名技巧 css样式命名技巧有哪些
本文来源：http://pwwzsj.com/article/dgcsihe.html