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

推薦する

JavaScript でフォロー広告を実装するためのサンプルコード

フローティング広告は、ウェブサイト上で非常に一般的な広告形式です。フローティング広告は、ユーザーの閲...

Tomcat での jar のロードに関する異常な問題の分析と解決

現象の説明:プロジェクトでは、Springboot を使用して Web プロジェクトを開始します。起...

HTML から PDF への変換事例の概要 (複数の画像を推奨)

仕事の都合上、最近 HTML を PDF に変換する機能について調べることに時間を費やしました。 H...

CSS3でハートを描く

成果を達成する要件/機能: CSS + HTML を使用してハートを描く方法。分析:正方形と 2 つ...

pagodaを使用してionCube拡張機能をインストールする方法

1. まずパゴダを設置するインストール要件: Python バージョン: 2.6/2.7 (Pago...

MySQL 5.7.17 圧縮パッケージのインストールと設定方法のグラフィックチュートリアル

インターネット上にはMySQL 5.7.17のインストールチュートリアルがほとんどなく不十分なので、...

MySql Group Byは複数のフィールドのグループ化を実装します

日常の開発タスクでは、データ テーブル内のグループ化フィールドに基づいて統計データを取得するために、...

要素 el-button ボタンコンポーネントの使用の詳細な説明

1. 背景ボタンは非常によく使われており、Element のボタン機能は非常に包括的です。この記事で...

HTMLポップアップ透明レイヤーインスタンスのサイズを設定でき、比例することができます

コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...

Nest.js のハッシュと暗号化の例の詳細な説明

0x0 はじめにまず、ハッシュアルゴリズムとは何でしょうか?メッセージやセッション項目など、一部のデ...

CentOS の Nginx 公式 Yum ソースの設定を詳しく解説

私はプロジェクトの展開にAlibaba Cloudから購入したCentOSを使用しています。最近、プ...

ページ下部のフッターを修正する方法（複数の方法）

フロントエンド Web エンジニアとして、ページ効果を作成するときに次の現象に遭遇したことがあるはず...

MySQL DATEDIFF 関数を使用して 2 つの日付間の時間間隔を取得する方法

説明する2 つの日付間の時間間隔を返します。文法DateDiff(間隔、日付1、日付2 [、週の最初...

CSS3で実装されたダイナミックな星空の背景

結果：実装コードhtml <link href='https://fonts.goog...

MySQL データベースのホットスタンバイにおける問題点の分析

以前、MySQL データベースのデュアルマシン ホット スタンバイの設定方法を紹介しました。ご興味の...