怎么规范命名css?

规范的命名css文件会利于seo优化吗?有经验的网站制作人员肯定明白，对于有多个栏目的大型网站而言，不可以也是不可能使用单一的css文件，但如何命名CSS文件对于新手来说是件容易出乱子的事。那么怎么规范的命名css文件呢?江西seo博主告诉大家：坚持使用统一的CSS命名规则并养成习惯，可以让你更加容易的维护、修改以前编写过的CSS代码，进而提高自己的工作效率，而且对网站优化也起着蛮好的作用，方便记忆，那么，我们如何才能将CSS的命名做得井井有条呢？

怎么规范命名css文件

一、css文件和样式命名方法

比如：1、css文件命名

全局样式：global.css

框架布局：layout.css

字体样式：font.css

链接样式：link.css

2、css样式命名

博主就给大家列出一些常用的命名词方便大家使用

容器：container/box

头部：header

主导航：nav

网站标志：logo

大广告：banner

底部：footer

菜单：menu

列表：list

图标：ico

登录：login

二、css的优先级

行内样式(inline style) > ID选择符 > 样式(class)、伪类(pseudo-class)和属性(attribute)选择符 > 类别(type)，伪对象(pseudo-element)。

博主解释一下这几个的意思：

*内联样式：元素的style属性，比如

，其中的color:red;就是行内样式。

*ID选择符：元素的id属性，比如

可以用ID选择符#content

*伪类：最常见的就是a链接伪类，比如a:link,a:visited.

*属性选择符：比如div[class=demo],含有class为demo的div元素。

*类别选择器：HTML标签选择，比如div .demo,div元素下含有class为demo的元素。

*伪对象选择器：比如div:first-letter,div元素下的第一个单词。

三、CSS代码书写样式

其实在写css代码的时候，每个人都有自己的抒写习惯，但是标准的css书写样式如下：

.width {

width:100px;

}

总结

以上即是博主为大家分享的“规范的命名css文件会利于seo优化吗?”其实一名专业的SEOer是有很多工作要做的，其中对代码的优化就是一个很重要的环节（关于网站代码优化的更多知识可以访问《分享几个优化网站代码的方法》），为了更加符合SEO优化的规范，希望大家尽量按照上面的css方法来命名以及书写来建设自己的网站，当然这些CSS文件不用一次性全部新建出来，用到的时候在新建就行，但是在初步规划的时候一定要想到。