ホームページ > ウェブフロントエンド > CSSチュートリアル > 一般的に使用される CSS 命名規則の例を共有する

一般的に使用される CSS 命名規則の例を共有する

小云云
リリース: 2017-12-22 17:17:36
オリジナル
1696 人が閲覧しました

この記事では主に、一般的に使用される CSS 命名規則 (推奨) をいくつか紹介します。この記事が、皆さんが CSS をよりよく学び、使いこなすのに役立つことを願っています。

よく使われるCSSの命名規則(推奨)

Header: header

Content: content/container

Tail: footer

Navigation: nav

Sidebar: Sidebar

Column: column

ページ周辺コントロール全体のレイアウト幅: ラッパー

左右中央

ログインバー: ログインバー

ロゴ: ロゴ

広告: バナー

ページ本体: メイン

ホットスポット: ホット

ニュース: ニュース

ダウンロード: ダウンロード

サブナビゲーション:サブナビ

メニュー: メニュー

サブメニュー: サブメニュー

検索: 検索

フレンドリーリンク: フレンドリンク

フッター: フッター

著作権: 著作権

スクロール: スクロール

コンテンツ: コンテンツ

タグ ページ: タブ

記事リスト: list

Tips: msg

Tips: Tips

コラムタイトル: title

参加: joinus

ガイド: ギルド

サービス: service

登録: regsiter

ステータス:status

vote: vote

パートナー: パートナー

(1) ページ構造

コンテナ: コンテナ

ヘッダー: ヘッダー

コンテンツ: コンテンツ/コンテナ

ページボディ: メイン

フッター:フッター

ナビゲーション: nav

Sイデバー:sidebar

Column:column

ページ周辺コントロール全体のレイアウト幅:wrapper

left right center

(2) Navigation

Navigation:nav

main Navigation:mainbav

sub-navigation:subnav

トップナビゲーション:topnav

サイドナビゲーション: サイドバー

左ナビゲーション: 左サイドバー

右ナビゲーション: 右サイドバー

メニュー: メニュー

サブメニュー: サブメニュー

title: タイトル

Summary: summary

(3) 機能

ロゴ: ロゴ

広告: バナー

ログイン: ログイン

ログインバー: ログインバー

登録: 登録者

検索: 検索

リボン: ショップ

title :title

Join: joinus

Status:ステータス

ボタン: btn

スクロール: スクロール

タブ: タブ

記事リスト: list

プロンプトメッセージ: msg

現在: 現在

ヒント:tips

icon:icon

note:note

ガイド:ギルド

サービス:サービス

ホットスポット:ホット

ニュース:ニュース

ダウンロード:ダウンロード

投票:投票

パートナー:パートナー

フレンドリーリンク:リンク

著作権:著作権

メインマスター.css

module module.css

基本的には、base.css

layout、layout.css

theme、css

columns、css

text font.css

forms.css

patch mend.cssを共有します。

print print.css

名前を付けることは非常に簡単だと思われるかもしれませんが、適切な名前付け規則を使用すると開発がよりスムーズに進みます。CSS の名前付けルールに関するこの記事が皆さんのお役に立てば幸いです。

関連する推奨事項:

HTMLの命名規則

phpの変数の命名規則の詳細な説明

HTMLおよびCSSタグの命名規則の概要

以上が一般的に使用される CSS 命名規則の例を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート