HTML スタイル タグと関連する CSS リファレンスの詳細な説明

HTML スタイル タグと関連する CSS リファレンスの詳細な説明

HTML スタイル タグ

スタイルタグ - ドキュメント内でスタイルを宣言するときにこのタグを使用します
スタイルタグは、<style> で始まり </style> で終わるペアで表示されます。
メディア -- メディアタイプ、

type -- コンテンツのタイプが含まれます。通常は type="text/css" です。
例

XML/HTML コードコンテンツをクリップボードにコピー
  1. <ヘッド>   
  2.      <スタイル タイプ= "text/css" >   
  3. 略語
  4. {
  5. フォントサイズ: 12px;
  6. }
  7. .text10px白
  8. {
  9. フォントサイズ: 10px;
  10. 色: #FFFFFF;
  11. }
  12.      </スタイル>   
  13. </ヘッド>   

内部CSS

スタイル タグを使用すると、CSS ファイルのコンテンツを HTML ドキュメントに直接読み込むことができます。

例

CSSコードコンテンツをクリップボードにコピー
  1. <スタイルタイプ= "text/css" ><![CDATA[
  2. /* ----------テキストスタイルの始まり---------- */   
  3.   
  4. /* ドリームシティの白い 12 ピクセルのテキスト */   
  5. .dreamduwhite 12ピクセル  
  6. {
  7.     色：白;
  8.     フォントサイズ: 12px ;
  9. }
  10. /* ドリームシティの黒 16 ピクセルのテキスト */   
  11. .dreamdublack 16ピクセル  
  12. {
  13.     色：黒;
  14.     フォントサイズ: 16px ;
  15. }
  16.   
  17. /* ----------テキストスタイルの終了---------- */   
  18. ]]></style>

<<:  Mysql binlog ログファイルが大きすぎる場合の解決策

>>:  CSS の画像パスの問題に関する議論 (同じパッケージ/異なるパッケージ)

推薦する

Dockerを使用してMQTTサーバーを構築するプロセスの詳細な説明

1. イメージをプルするdocker pull registry.cn-hangzhou.aliyu...

MySQLにおける静的変数の役割の詳細な説明

MySQLにおける静的変数の役割の詳細な説明静的変数の使用 静的変数サンプルコード: 関数テスト()...

HTML 基本ノート (推奨)

1. ウェブページの基本構造: XML/HTML コードコンテンツをクリップボードにコピー<...

VueはTodoListの例をカプセル化し、ブラウザのローカルキャッシュのアプリケーションを実装します。

この記事では主に、Vue で TodoList をカプセル化するケースと、ブラウザのローカル キャッ...

Virtualbox に Centos7 仮想マシンをインストールする詳細なグラフィック チュートリアル

1. Centos7をダウンロードするダウンロードアドレス: https://mirrors.tun...

Dockerコンテナのいくつかの保存方法の詳細な説明

目次前面に書かれた複数のストレージマウント方法1.バインドマウント2. 巻数3.tmpfsマウントス...

MySQLの共通関数を使用してJSONを処理する方法

公式ドキュメント: JSON 関数名前説明JSON_APPEND() JSONドキュメントにデータを...

MySQL全文インデックスを使用して検索エンジンのサンプルコードの簡易版を実現する

序文全文インデックスを使用できるのは Innodb と MyISAM ストレージ エンジンのみです ...

vue3 のさまざまなファイルタイプのプレビュー機能の例

目次序文1. オフィス文書の種類のプレビュー2. PDF形式のプレビュー3. 画像の種類4. ビデオ...

JavaScript データ型の詳細な説明

目次1. リテラル1.1 数値リテラル1.2 浮動小数点リテラル1.3 特別な値1.4 文字列リテラ...

オンラインチャットを実現するVue+sshフレームワーク

この記事では、オンラインチャットを実現するためのVue + sshフレームワークの具体的なコードを参...

Linux md5sumコマンドの使い方

01. コマンドの概要md5sum - MD5検証コードを計算して検証するmd5sum コマンドは、...

mysqlタイムスタンプの使用

序文：タイムスタンプ フィールドは、MySQL でよく使用されます。たとえば、データ行が作成または変...

JS配列メソッドの詳細な説明

目次1. 元の配列が変更されます1. プッシュ(): 2.ポップ(): 3. シフト(): 4.un...

Vueプロジェクトウォッチで関数が繰り返しトリガーされる問題の解決

目次問題の説明:解決策1解決策2問題の説明:ページ A と B の 2 つがあり、各ページにはget...