CSS スタイル仕様 1. クラスセレクター 2. タグセレクター 3. IDセレクター 4. CSSスタイルの子セレクター クラスセレクター 1. 覚えておかなければならない固定構造が CSS スタイルのタグになります。すべてのスタイルはCSSスタイルタグで記述できます <スタイル タイプ="text/css"> </スタイル> 2. type="text/css"は、このタグをCSSスタイルタイプとして宣言することを意味します タイプ: タイプとは 3. クラスセレクタ構文形式。クラス名(ドット+クラス名) 書き込み場所: CSSスタイルタグ内でメソッドを呼び出し、HTMLタグ内にclass=クラス名を記述します。 4. 命名規則 純粋な文字または文字と数字の組み合わせを使用することをお勧めします。数字で始めないでください。他の名前も使用できますが、使用方法についてはお問い合わせください。 5. インライン CSS を CSS タグに抽出する必要があるのはなぜですか? 利点1: HTML階層を明確に保ち、エラーを検出しやすくする利点2: CSSスタイルを再利用できる XML/HTML コードコンテンツをクリップボードにコピー
IDセレクター 1. IDセレクタの構文形式は#ID名です 書き込み場所: CSSスタイルタグ内でメソッドを呼び出し、HTMLタグ内にid="ID名"と記述します。 前のセクションのクラス名と同じ理由 3. インラインCSSをCSSタグに抽出する理由 利点1: HTMLレベルを明確に保ち、エラーを検出しやすくする利点2: 優先順位を区別する。再利用する必要がある場合は、クラスセレクタを選択してください 4. ID は繰り返しの呼び出しを許可しません。ID は ID カード番号のようなものです。それぞれ異なります。 XML/HTML コードコンテンツをクリップボードにコピー
タグ名セレクター 複数のタグが同じ属性を使用する場合は、セレクターとして記述できます。以下のタグはすべてこの属性を共有しています XML/HTML コードコンテンツをクリップボードにコピー
CSS スタイルの子セレクター XML/HTML コードコンテンツをクリップボードにコピー
2. スタイルの優先 1. CSSの実行順序。同じ優先順位で、次のCSS行が前のCSS行と競合する場合は、次の行が標準になります。 優先度が異なる場合は、優先度の高い方が優先度の低い方に優先されます。 2. セレクタの優先順位 1位:インラインスタイル1000 3. 注意事項: 書いた CSS が動作しない場合は、まずコードが間違っていないか確認し、次に優先順位が間違っていないか確認してください。 XML/HTML コードコンテンツをクリップボードにコピー
以上が、編集者がお届けするHTML(CSSスタイル仕様)必読記事の内容です。123WORDPRESS.COMを応援していただければ幸いです~ 元のアドレス: http://www.cnblogs.com/pythonxiaohu/archive/2016/06/25/5616511.html |
<<: MySQLチュートリアルDMLデータ操作言語の例の詳細な説明
>>: Docker クロスサーバー通信オーバーレイソリューション (パート 1) Consul 単一インスタンス
赤い封筒の揺れ効果を実現するには要件があります。これまでやったことがないので、記録しておきます。ヘヘ...
AOP の紹介AOP (アスペクト指向プログラミング) の主な機能は、コアビジネスロジックモジュール...
この記事の例では、Appleの電卓を実装するためのJSの具体的なコードを参考までに共有しています。具...
<br />一般的なゲストブック、フォーラムなどでは、テキスト入力ボックスが使われていま...
1 公式サイトからMySQL8をダウンロードしてインストールするMySQL8 ダウンロードアドレスこ...
目次例1例2例3例4例1 <html> <ヘッド> <title>...
——「MySQL in Simple Terms (第 2 版)」からのメモ数値型整数型バイト最小最...
目次イベントとは簡単な例イベントをバインドする方法フレームワーク内のイベントイベントオブジェクトイベ...
Vueに触れたばかりのパートナーの多くは、開発環境ではVueプロジェクトは正常であるが、パッケージ化...
最近、小さなプログラムを開発しているときに、次の設計図のような円形のパーセンテージ進捗状況バーを実装...
Web デザインでは、Web サイトに表示されるデータの構造とコンテンツをユーザーが明確に理解できる...
目次序文webSocket の操作と例について:ウェブソケット1. webSocketについて2. ...
目次1. サーバーAのmy.cnfファイルを変更する2. サーバーBのmy.cnfファイルを変更する...
序文インデックスを追加した場合と追加しなかった場合の違いを反映するには、数百万のデータを使用する必要...
設定手順1. DNSが設定されているかどうかを確認するDNSが設定されていない場合は、前の記事を参照...