怎么規范命名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,786評論 1 92
  • 轉載請聲明 原文鏈接地址 關注公眾號獲取更多資訊 第一部分 HTML 第一章 職業規劃和前景 職業方向規劃定位...
    前端進階之旅閱讀 16,594評論 32 459
  • 張東輝,焦點初級第43期堅持原創分享第183天(2018.3.3) 明天,Peter就要去學校報到了。晚上,他拿出...
    星悅傳奇閱讀 259評論 2 1
  • 不知什么時候開始,家里的事情都由父母來操勞了, “爸,媽,這些放著我來”這類話也很少聽到了, 很多年輕人可能跟我一...
    祎濤Robin閱讀 344評論 0 0
  • 一夜悲風起, 滿地落葉黃。 不嘆初冬冷, 可憐環衛忙!
    Mgx_無心閱讀 185評論 1 3