CSS如何正確命名-H5教程-PHP中文網

首頁

web前端

H5教程

CSS如何正確命名

小云云

Jan 27, 2018 am 10:22 AM

css 命名

大家都知道css命名有它的規則和方法，那大家都知道有哪些呢？本文主要和大家分享CSS命名規則和命名方法，希望能幫助大家。

CSS命名規則

　　頭：header

#　　內容：content/containe

　　尾：footer

　　導覽：nav

　　側邊欄：sidebar

　　欄目：column

　　頁外圍控制整體佈局寬度：wrapper

　　 center

　　登入列：loginbar

　　標誌：logo

　　廣告：banner

##　　頁面主體：main

　　熱點# #　　新聞：news

　　下載：download

　　子導航：subnav

　　菜單：menu

　　子菜單：submenu

　　搜索： search

　　友情連結：friendlink

　　頁腳：footer

　　版權：copyright

　　捲動：scroll

　　內容：#content

　內容：

##　　標籤頁：tab

　　文章清單：list

　　提示訊息：msg

　　小技巧：tips

　　欄目標題：title

##　　加入：joinus

　　指南：guild

　　服務：service

　　註冊：regsiter

　　狀態：status

　　投票：vote

　　合作夥伴：partner

-------------------------------- ----

CSS+p的命名規則：

　　登入列:loginBar

　　標誌:logo

　　側邊欄:sideBar

　　廣告:banner

　　導覽:nav

　　子導覽:subNav

　　選單:menu

　子選單#subMe　選單:menu

　子選單#sub＊　　選單:menu

　子選單#sub#subMe[ ##　　搜索:search

　　滾動:scroll

　　頁面主體:main

　　內容:content

　　標籤頁:tab

　　文章清單:list

　　提示訊息:msg

　　小技巧:tips

　　欄目標題:title

　　友情連結:friendLink

##　　頁#　　友情連結:friendLink

##　頁腳:footer

　　加入:joinus

　　指南:guild

　　服務:service

　　熱點:hot

　　新聞:news

　　下載:download

　　註冊:regsiter

　　狀態:status

　　按鈕:btn

　　投票:

#合作　

」夥伴:partner

　　版權:copyRight

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7543

CakePHP 教程

1381

steam的賬戶名稱是什麼格式

win11激活密鑰永久

NYT連接提示和答案

Related knowledge

HTML，CSS和JavaScript的角色：核心職責 Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。

vue中怎麼用bootstrap Apr 07, 2025 pm 11:33 PM

在 Vue.js 中使用 Bootstrap 分為五個步驟：安裝 Bootstrap。在 main.js 中導入 Bootstrap。直接在模板中使用 Bootstrap 組件。可選：自定義樣式。可選：使用插件。

bootstrap怎麼寫分割線 Apr 07, 2025 pm 03:12 PM

創建 Bootstrap 分割線有兩種方法：使用標籤，可創建水平分割線。使用 CSS border 屬性，可創建自定義樣式的分割線。

bootstrap怎麼調整大小 Apr 07, 2025 pm 03:18 PM

要調整 Bootstrap 中元素大小，可以使用尺寸類，具體包括：調整寬度：.col-、.w-、.mw-調整高度：.h-、.min-h-、.max-h-

bootstrap怎麼插入圖片 Apr 07, 2025 pm 03:30 PM

在 Bootstrap 中插入圖片有以下幾種方法：直接插入圖片，使用 HTML 的 img 標籤。使用 Bootstrap 圖像組件，可以提供響應式圖片和更多樣式。設置圖片大小，使用 img-fluid 類可以使圖片自適應。設置邊框，使用 img-bordered 類。設置圓角，使用 img-rounded 類。設置陰影，使用 shadow 類。調整圖片大小和位置，使用 CSS 樣式。使用背景圖片，使用 background-image CSS 屬性。

bootstrap怎麼設置框架 Apr 07, 2025 pm 03:27 PM

要設置 Bootstrap 框架，需要按照以下步驟：1. 通過 CDN 引用 Bootstrap 文件；2. 下載文件並將其託管在自己的服務器上；3. 在 HTML 中包含 Bootstrap 文件；4. 根據需要編譯 Sass/Less；5. 導入定製文件（可選）。設置完成後，即可使用 Bootstrap 的網格系統、組件和样式創建響應式網站和應用程序。