怎么规范命名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属性,比如 <div style="color:red;"></div>,其中的color:red;就是行内样式。

*ID选择符:元素的id属性,比如<div></div>可以用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文件不用一次性全部新建出来,用到的时候在新建就行,但是在初步规划的时候一定要想到。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,805评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,621评论 32 459
  • 张东辉,焦点初级第43期坚持原创分享第183天(2018.3.3) 明天,Peter就要去学校报到了。晚上,他拿出...
    星悦传奇阅读 272评论 2 1
  • 不知什么时候开始,家里的事情都由父母来操劳了, “爸,妈,这些放着我来”这类话也很少听到了, 很多年轻人可能跟我一...
    祎涛Robin阅读 354评论 0 0
  • 一夜悲风起, 满地落叶黄。 不叹初冬冷, 可怜环卫忙!
    Mgx_无心阅读 186评论 1 3