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 の画像パスの問題に関する議論 (同じパッケージ/異なるパッケージ)

推薦する

エラー 2002 (HY000): ソケット '/tmp/mysql.sock' 経由でローカル MySQL サーバーに接続できません

エラーメッセージ:エラー 2002 (HY000): ソケット '/tmp/mysql.so...

vue3 の setUp とリアクティブ関数の使用方法の詳細な説明

1. いつsetUpを実行するかvue3 ではメソッドを正常に使用できるようになったことは誰もが知っ...

CSSスタイルシートを効率的に使用するためのヒント: スタイルシートの力を最大限に活用する

インターネット経済の継続的な発展に伴い、インターネット上の専門ウェブサイト、公共サービスウェブサイト...

CSS を使用して固定ナビゲーションと左右スライドを備えたスクロール バーを作成する方法

上に示すように、ナビゲーションは上部に固定されており、左右にスライドしてさらにオプションをクリックで...

SpringBootをDockerにデプロイし、jarパッケージを置き換える方法の詳細な説明

目次プロジェクトディレクトリDockerファイルファイルの展開画像を生成するコンテナを起動するウェブ...

Win7 での mysql5.5 インストール グラフィック チュートリアル

MySQL のインストールは比較的簡単なので、通常は次のステップに直接進み、注意が必要な点に集中する...

HTML 基本構造_Powernode Java アカデミー

多くの場合、Web ページ開発を学ぶときに最初に印象に残るのは、html または htm サフィック...

Dockerfile ビルド中に発生する「/bin/sh: pip: コマンドが見つかりません」という問題の解決方法

記述した Dockerfile の内容は次のとおりです。 Python:3.6.8 から pip i...

InnoDB タイプの MySql によるテーブル構造とデータの復元

前提条件: データベースを復元するために必要な .frm ファイルと .ibd ファイルを保存します...

Docker ビルド kubectl イメージ実装手順

プログラムサービスがgitlab ci/cdと統合されたk8sを使用してデプロイされている場合、gi...

安全な構成のためにDockerでTLSを有効にする手順

序文以前、Docker の 2375 Remote API を有効にしていました。会社のセキュリティ...

React Hook の使用例 (一般的なフック 6 つ)

1. useState: 関数コンポーネントに状態を持たせる使用例: // カウンター impor...

リアクトルーティングガード（ルーティングインターセプション）の実装

React は Vue とは異なります。ルートにメタ文字を設定することでルートインターセプションを実...

シンプルなカレンダー効果を実現する JavaScript コード

この記事では、シンプルなカレンダー効果を実現するためのJavaScriptの具体的なコードを参考まで...

CSS リセットスタイルリセットの実装例

はじめに: すべてのブラウザには、「ユーザー エージェント スタイル シート」と呼ばれる、すべてのペ...