ホームページ ウェブフロントエンド htmlチュートリアル 最も一般的に使用されるstyles_html/css_WEB-ITnoseの命名規則

最も一般的に使用されるstyles_html/css_WEB-ITnoseの命名規則

Jun 24, 2016 pm 12:04 PM
名前 よく使われる スタイル ルール

名前付けルールはフロントエンド開発にとって非常に重要ですが、インターネット上にはたくさんの名前付けルールがあり、それらが役立つことを願っています。追加。

1. モジュールの場合は、次のようにプレフィックスを付けることができます:

ポップアップ: ポップ‐ ‐ ‐‐‐‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ 情報: info
プレビュー: pvw ナビゲーション: nav
2. タイプ:
ボタン: btn テキスト: txt

段落:アイコン:アイコン

色:カラー(略称:c) ) 背景: bg
ボーダー: bor

3. 機能:
設定: set 追加: add 削除: DEL 操作: OP : パスワード: PW 導入: Inc

ステータス:
成功: SUC 失敗: 失われた 透明: Tran

基本的に、一般的に使用されるものは非常に多く、誰でも追加できます


5. 列の小さな例をいくつか示します:

テキスト入力ボックス: .input_txt

段落テキストの色: .tx_c_p

パスワード入力ボックス: .input_pw

フォトアルバムポップアップ設定レイヤー: .pop_set_photo
ログインパスワード入力ボックス: .input_pw_login
ログ設定成功プロンプト: .hint_suc_blogset
公開ヒント: .hint_gb

...

ヘッダー: header ログインbar:loginBar

Logo:logo サイドバー:sideBar

広告:Banner Navigation:nav

サブナビゲーション:subNav メニュー:menu

SubMenu 検索:search
スクロール:scroll ページ本文:main
コンテンツ:content タブページ:tab
記事一覧:リストプロンプトメッセージ:MSG
小さなヒント:ヒント列タイトル:Title
JOIN:JOINUS LINKで使用するgoneus
footer:フッター著作権:Copyright







このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

macOS: デスクトップ ウィジェットの色を変更する方法 macOS: デスクトップ ウィジェットの色を変更する方法 Oct 07, 2023 am 08:17 AM

macOS Sonoma では、Apple の macOS の以前のバージョンのように、ウィジェットを画面外に隠したり、通知センター パネルで忘れたりする必要はありません。代わりに、これらは Mac のデスクトップに直接配置でき、インタラクティブでもあります。使用していないときは、macOS デスクトップ ウィジェットがモノクロ スタイルで背景にフェードインするため、気が散ることが減り、アクティブなアプリケーションまたはウィンドウで目の前のタスクに集中できるようになります。ただし、デスクトップをクリックするとフルカラーに戻ります。単調な外観が好みで、その統一性をデスクトップ上に保持したい場合は、それを永続的にする方法があります。次の手順は、その方法を示しています。システム設定アプリを開きます

C++ 関数の命名におけるパラメーターの順序に関する考慮事項 C++ 関数の命名におけるパラメーターの順序に関する考慮事項 Apr 24, 2024 pm 04:21 PM

C++ 関数の名前付けでは、読みやすさを向上させ、エラーを減らし、リファクタリングを容易にするために、パラメーターの順序を考慮することが重要です。一般的なパラメータの順序規則には、アクション-オブジェクト、オブジェクト-アクション、意味論的な意味、および標準ライブラリへの準拠が含まれます。最適な順序は、関数の目的、パラメーターの種類、潜在的な混乱、および言語規約によって異なります。

WordPress Web ページの位置ずれを解決するためのガイド WordPress Web ページの位置ずれを解決するためのガイド Mar 05, 2024 pm 01:12 PM

WordPress Web ページの位置のずれを解決するためのガイド WordPress Web サイトの開発では、Web ページ要素の位置がずれていることがあります。これは、さまざまなデバイスの画面サイズ、ブラウザの互換性、または不適切な CSS スタイル設定が原因である可能性があります。このずれを解決するには、問題を注意深く分析し、考えられる原因を見つけて、段階的にデバッグおよび修復する必要があります。この記事では、WordPress Web ページの位置ずれに関する一般的な問題とその解決策をいくつか紹介し、開発に役立つ具体的なコード例を提供します。

CSS Web 背景画像デザイン: さまざまな背景画像スタイルと効果を作成します。 CSS Web 背景画像デザイン: さまざまな背景画像スタイルと効果を作成します。 Nov 18, 2023 am 08:38 AM

CSS Web ページの背景画像のデザイン: さまざまな背景画像のスタイルと効果を作成します。特定のコード例が必要です。 要約: Web デザインにおいて、背景画像は重要な視覚要素であり、ページの魅力と読みやすさを効果的に高めることができます。この記事では、いくつかの一般的な CSS 背景画像デザイン スタイルと効果を紹介し、対応するコード例を示します。読者は、自分のニーズや好みに応じてこれらの背景画像のスタイルと効果を選択して適用し、より良い視覚効果とユーザー エクスペリエンスを実現できます。キーワード: CSS、背景画像、デザインスタイル、エフェクト、コード表現

ポインター比較の規則と例外は? ポインター比較の規則と例外は? Jun 04, 2024 pm 06:01 PM

C/C++ では、ポインターの比較規則は次のとおりです。同じオブジェクトを指すポインターは等しいです。異なるオブジェクトへのポインターは等しくありません。例外: null アドレスへのポインタが等しい。

キャンバス フレームワークを学び、一般的に使用されるキャンバス フレームワークについて詳しく説明します キャンバス フレームワークを学び、一般的に使用されるキャンバス フレームワークについて詳しく説明します Jan 17, 2024 am 11:03 AM

Canvas フレームワークを探索する: 一般的に使用される Canvas フレームワークを理解するには、特定のコード例が必要です。 はじめに: Canvas は HTML5 で提供される描画 API であり、これを通じて豊富なグラフィックスやアニメーション効果を実現できます。描画の効率と利便性を向上させるために、多くの開発者がさまざまな Canvas フレームワークを開発しました。この記事では、一般的に使用される Canvas フレームワークをいくつか紹介し、読者がこれらのフレームワークの使用方法をより深く理解できるように、具体的なコード例を示します。 1.EaselJSフレームワークEa

Spring アノテーションの公開: 一般的なアノテーションの分析 Spring アノテーションの公開: 一般的なアノテーションの分析 Dec 30, 2023 am 11:28 AM

Spring は、Java 開発を簡素化し、強化するための多くのアノテーションを提供するオープンソース フレームワークです。この記事では、一般的に使用される Spring アノテーションについて詳しく説明し、具体的なコード例を示します。 @Autowired: Autowired @Autowired アノテーションを使用して、Spring コンテナーに Bean を自動的に接続できます。依存関係が必要な場合に @Autowired アノテーションを使用すると、Spring はコンテナー内で一致する Bean を見つけて自動的に注入します。サンプルコードは次のとおりです。

PHP 関数の命名規則とルール PHP 関数の命名規則とルール May 19, 2023 am 08:14 AM

非常に人気のあるスクリプト言語として、PHP には強力な関数ライブラリ サポートがあり、その関数の命名規則とルールは開発効率とコードの読みやすさに重要な影響を与えます。この記事では、PHP 関数の命名規則とルールを紹介します。 1. 命名形式 PHP では、関数名は命名仕様と命名規則に厳密に従う必要があり、仕様には主に「命名形式」と「命名規則」の 2 つの側面があります。 1. 下線の命名法 下線の命名法は、PHP 関数に名前を付けるために最も一般的に使用される方法であり、公式に推奨されている方法でもあります。このパターンに従う関数名

See all articles