css样式类怎么命名 css样式起名

有利于SEO优化的DIV+CSS的命名规则小结

1、css样式的类名或者相关的ID名也是需要一定的规则，这样有利于前台和后台的交互。一般公司开发都是给技术员一本网站前端开发规范，里面详细的说明了各个命名的规则等相关的问题。

成都创新互联公司专注于企业全网整合营销推广、网站重做改版、嘉陵网站定制设计、自适应品牌网站建设、H5页面制作、商城建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为嘉陵等各大城市提供网站开发制作服务。

2、DIV+CSS样式表命名不能随意而为，否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样，DIV+CSS样式表命名也需要遵循规则。

3、DIV+CSS达到了内容与代码相分离的效果。使用DIV+CSS设计的网站是符合W3C标准的，可以更方便搜索引擎的索引。而Table布局会产生很多的垃圾代码，修饰的样式与布局的代码混合，很不利于直观。

4、将css和js放在外部文件中，页面html中只要放一样代码调用就可以了。减少注释，虽然注释对于程序员来说还是非常有用的，但是对于搜索引擎毫无意义减少表格，特别是嵌套表格。

5、CSS+DIV与SEO 代码技巧也是不时开展的，现在的网页制作中，更多的功用完结会借助于CSS+DIV代码，这也是今朝最利于SEO优化的技巧。

6、支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是ie7或者是火狐，您的网站都能很好的兼容。搜索引擎更加友好。相对与传统的table，采用div+css技术的网页，对于搜索引擎的收录更加友好。

怎样给css样式命名

1、点击“格式”菜单，选择“CSS样式”命令，然后在子菜单中选择要应用的样式。从选定的内容中删除类样式 点击“窗口”菜单，选择“属性”命令，打开HTML属性检查器。 选择要从中删除样式的对象或文本。

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

3、有时候可以给选择器添加一个表示状态的前缀，让语义更明了，比如下图是添加了“.is-”前缀。

4、在内（不是在标签内）使用标签将css样式文件链接到HTML文件内，如下面代码：注意：css样式文件名称以有意义的英文字母命名，如 main.css。rel=stylesheet type=text/css 是固定写法不可修改。

CSS布局命名规范

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

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

通过统一的命名规范定义命名的范围，成为CSS class & id命名空间。布局： 以语义化的单词layout作为命名空间，例如主栏布局命名 layout-main，只改变layout-命名空间后面的命名，layout始终保留。布局的命名空间为layout-xxx。

用过css hack的朋友应该知道，用下划线命名也是一种hack，如使用“_style”这样的命名，可以让ie外的大部分浏览器忽略这个样式的定义，所以使用“_”做为命名时的分隔符是不规范的。

正确命名规则如下：名称不能以数字开始，只能以字母、连字符、下划线开始。之后可以是字母、连字符、下划线或数字。同时应该注意的是，CSS中的命名是区分大小写。可以使用，也可以显示样式。