css命名規則

2021-10-08 14:06:55 字數 652 閱讀 8386

推薦使用bme命名規則

bem的意思就是塊(block)、元素(element)、修飾符(modifier),是由yandex團隊提出的一種前端命名方**。

命名約定的模式如下:

.block{}/* 塊 */

.block__element{}/* 元素*/

.block--modifier{}/* 修飾符 */

例項:

我們能清晰地看到有個叫.site-search的塊,他內部是乙個叫.site-search__field的元素。並且.site-search還有另外一種形態叫.site-search–full。

命名規範

1.使用有意義的或通用的id和class命名:id和class的命名應反映該元素的功能或使用通用名稱,而不要用抽象的晦澀的命名。

2.id和class命名越簡短越好,只要足夠表達涵義。這樣既有助於理解,也能提高**效率。

3.型別選擇器避免同時使用標籤、id和class作為定位乙個元素選擇器;從效能上考慮也應儘量減少選擇器的層級。

**效能優化

頁面結構命名

css命名規則

footer 內容區 end footer 3.id的命名 1 顏色 使用顏色的名稱或者16進製制 如 red f60 ff8600 2 字型大小,直接使用 font 字型大小 作為名稱,如 font12px font9pt 3 對齊樣式,使用對齊目標的英文名稱,如 left bottom 4 標題...

CSS 檔案命名規則

遇到乙個很實際的問題 由於不想增加目錄的深度,減少磁碟定址的時間,需要減少一些目錄層級。大家都知道建立資料夾是為了讓檔案管理更加的方便,現在需要減少資料夾,如何保持檔案管理的方便就成為必需解決的。很容易我們想到通過命名來解決這個問題,那是不是隨便乙個命名都能起來方便管理的作用呢?樣式的命名規則是否適...

常用的CSS命名規則

然後在css中定義span為右浮動,實現了日期和標題分兩側顯示的效果 h1 h6 標題 h1 h6 根據重要性依次遞減 h1位最重要的標題 label 為了使你的表單更有親和力而且還能輔助表單排版的好東西,例如 密 碼fieldset legend fildset套在表單外,legend用於描述表單...