ホームページ > ウェブフロントエンド > htmlチュートリアル > 一般的な CSS 命名規則_html/css_WEB-ITnose

一般的な CSS 命名規則_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:39:24
オリジナル
1078 人が閲覧しました

一般的に使用される CSS 命名規則

ヘッダー: header

Content: content/container

Tail: footer

Navigation: nav

Sidebar: サイドバー

Column: column

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

左右中央

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

ロゴ: ロゴ

広告: バナー

ページ本体: メイン

ホットスポット: ホット

ニュース: ニュース

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

ゲーション:サブナビ

メニュー: メニュー

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

検索: 検索

フレンドリーリンク: friendslink

フッター: footer

著作権: copyright

スクロール: スクロール

コンテンツ: content

タグ ページ: タブ

記事リスト: list

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

ヒント: ヒント

列タイトル: title

参加: joinus

ガイド: guide

サービス: service

登録: register

ステータス :status

V大手:投票

パートナー: パートナー

(2) ノートの書き込み:

/* Header */ 内容区 /* End Header */ 
ログイン後にコピー

(3) ID ネーミング:

(1) ページ構造

コンテナ: コンテナ

ヘッダー: header

コンテンツ: content/container

ページbody:main

Footer:footer

Navigation:nav

Sidebar:sidebar

Column:column

ページ周辺制御全体のレイアウト幅:wrapper

左と中央:左右中央

(2)ナビゲーション

ナビゲーション: nav

メインナビゲーション: mainbav

サブナビゲーション: subnav

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

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

左ナビゲーション: leftsidebar

右ナビゲーション: rightsidebar

メニュー: menu

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

タイトル: タイトル

概要: 概要

(3) 機能

ロゴ: ロゴ

広告: バナー

ログイン: ログイン

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

登録: 登録

検索: 検索

リブボン:ショップ (ショッピングカートなど)

タイトル: タイトル

参加: joinus

ステータス: ステータス

ボタン: btn

スクロール: スクロール

タブ: タブ

記事リスト: list

プロンプトメッセージ:

現在: 現在

ヒント: ヒント

アイコン: アイコン

メモ: note

ガイド: ガイド

サービス: サービス

ホットスポット: ホット

ニュース: ニュース

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

投票: vote

パートナー: パートナー

フレンドリーリンク: link

著作権: copyright

(4) クラス名:

(1) 色: 色の名前または 16 進コードを使用します (

.red { color: red; } .f60 { color: #f60; } .ff8600 { color: #ff8600; } 
ログイン後にコピー
など)

(2) フォント サイズ、直接使用します。

.font10px { font-size: 10px; } .font6pt {font-size: 6pt; } 
ログイン後にコピー
などの名前として font+font size"

(3) 配置スタイル、

.left { float:left; } .bottom { float:bottom; } 
ログイン後にコピー
などの配置ターゲットの英語名を使用します

(4 ) タイトル バー スタイル、「カテゴリ + 関数」メソッドを使用して、

.barnews { } .barproduct { } 
ログイン後にコピー
などの名前

注::

すべて小文字、

ダッシュや下線を追加しないでください。

のシンプルでエレガントなスタイルが好きです。ブートストラップ。したがって、CSS の名前付けを参照することもできます。

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