CSS セレクター HTML タグにスタイルを設定すると、タグの属性を設定できます。 <div style="background-color: #2459a2;height: 48px;">ああ</div> <head>タグにセレクターを設定することもできるので、各スタイルを一度だけ記述するだけで済みます。 <ヘッド> <メタ文字セット="UTF-8"> <title>タイトル</title> <スタイル> <!--ここにセレクターを記述します--> </スタイル> </head> 特定のセレクターは多数あります: 1. IDでスタイルをコピーする #i1{ 背景色: #2459a2; 高さ: 48px; } 本文のタグは次のように使用されます: ただし、複数の ID を書き込むことはできないため、複数回使用することはできません。 <div id="i1"></div> <div id="i1"></div>ただし、複数の ID を書くことはできません (標準ではありません) 2. クラス別にコピー: /*クラスセレクター: このスタイルをコピーするには、class=c1 を使用しますが、ID を統一する必要があるという欠点を回避します*/ .c1{ 背景色: #2459a2; 高さ: 60px; } 使用する場合: <div class="c1">1251251</div> は倍数で表記できます <div class="c1">1251253</div> は倍数で表記できます 3. タグセレクター: 特定のタグをこのスタイルに変更します。 タグセレクター: すべてのdivタグを黒の背景と白のテキストに変更します div{ 背景色: 黒; 色: 白; } 4. レベルセレクター: 中央のスペース 階層セレクター: spanタグ内のdivタグをこのスタイルに変更します スパン div{ 背景色: 黒; 色: 白; } レイヤー: c1 と c2 の div をこのスタイルに設定します。c1 .c2 div{ 背景色: 黒; 色: 白; } 5. 結合セレクター: 中央のカンマ <スタイル> 組み合わせセレクタ: # または . は、#i1、#i2、#i3{ の組み合わせを実現できます。 背景色: 黒; 色: 白; } .c5,.c6,.c7{ 背景色: 黒; 色: 白; } </スタイル> 6. 属性セレクター: <スタイル> /*属性セレクター: type='text' をこのスタイルに設定します*/ 入力[タイプ='テキスト']{ 幅: 100ピクセル; 高さ: 200px; } カスタムn値s1ラベルをこのスタイルに設定しますinput[n='s1']{ 幅: 100ピクセル; 高さ: 200px; } </スタイル> 要約する 上記はエディターが紹介した CSS セレクター設定ラベル スタイルのサンプル コードです。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。エディターがすぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。 |
<<: Web ページでフラッシュの wmode 属性を使用する方法をご存知ですか?
>>: MySQLは文字列の連結、インターセプション、置換、位置検索操作を実装しています
MySQL マルチテーブルクエリワークシートを追加する -- ユーザーテーブル (ユーザー) テーブ...
導入今日は、MySQL の sum 関数の使い方を紹介します。この関数は、MySQL データベースを...
1. はじめにイメージマップを使用すると、画像の領域をホットスポットとして指定できます。この領域にマ...
Tomcatはプロジェクトにアクセスします。通常はIP + ポート + プロジェクト名です。 Ngi...
目次1. 組み込みオブジェクト2. 数学オブジェクト1. Mathオブジェクトの使用2. 指定された...
サーバー: Ubuntu Server 16.04 LSSクライアント: Ubuntu 16.04 ...
Linux には、2 種類のファイル接続があります。1 つは Windows のショートカットに似て...
豊富なオプションを備えた強力なエディターとして、Vim は多くのユーザーに愛されています。この記事で...
方法1コードをコピーコードは次のとおりです。 document.getElementById(&qu...
この記事では、WeChatアプレットのカスタムタブバーコンポーネントの具体的なコードを参考までに紹介...
目次序文VueUseとは使いやすいおなじみの手ぶれ補正やスロットル機能もありますグローバル状態を共有...
1. DockerはローカルディレクトリをマウントしますDocker は、ホスト上のディレクトリをイ...
このチュートリアルの動作環境: Windows 7 システム、vue 2.9.6 バージョン、DEL...
Docker は非常に人気のあるコンテナ技術です。K8S によって廃止され、別のコンテナ技術である ...
HTML を初めて使用する多くの人にとって、テーブル <table> は最もよく使用され...