ウェブページで CSS スタイルを適用するさまざまな形式の概要

ウェブページで CSS スタイルを適用するさまざまな形式の概要
1. インライン スタイル (<body></body> 内に配置されます):

コードをコピー
コードは次のとおりです。

<div style="style content; セミコロンで区切る"> インライン スタイル</div>

2. 内部スタイルは通常ヘッドに配置されますが、ボディに配置することもできますが、ヘッドに配置することをお勧めします。

コードをコピー
コードは次のとおりです。

<ヘッド>
<スタイル タイプ="text/css">
本文{font-family:"Microsoft YaHei";}
</スタイル>
</head>

3. 外部スタイル。通常はヘッド部分に配置します。

コードをコピー
コードは次のとおりです。

<link href="/css/style.css" rel="スタイルシート" type="text/css" />

体内に配置することもできますが、頭に配置することをお勧めします。

4. 外部スタイルシートをインポートします。古いブラウザではこの方法がサポートされていない可能性があります。

コードをコピー
コードは次のとおりです。

<スタイル タイプ="text/css">
@import url("style.css");
</スタイル>

<<:  mysql5.7のインストールとNavicateの長期無料利用の実施手順

>>:  Docker コンテナ ソース コードのデプロイ httpd ストレージ ボリュームを使用して Web サイトをデプロイする (推奨)

推薦する

パフォーマンスの最適化を教える 52 個の SQL 文

1. クエリを最適化するには、テーブル全体のスキャンを避けてください。まず、where と orde...

MySQLトランザクションの特徴と分離レベルについてお話ししましょう

インターネットにはすでにこの種の記事が溢れていますが、私がこれをまだ書いている理由は単純です。それは...

LinuxシステムにISOファイルをインストールする方法

Linux システムで iso ファイルをインストールするにはどうすればいいですか?インストール手順...

HTML ファイルにフラッシュ ビデオ形式 (flv、swf) ファイルを埋め込む方法

Flash ファイル形式: .FLV および .SWFフラッシュ ビデオ形式には、.flv と .s...

JS 矢印関数に適さないシナリオは何ですか?

目次概要オブジェクトにメソッドを定義するオブジェクトリテラルオブジェクトプロトタイプ動的コンテキスト...

MySQL パーティションテーブルの正しい使用方法

MySQL パーティションテーブルの概要数億、あるいは数十億ものレコードを格納するテーブルに遭遇する...

CSS テキスト装飾 text-decoration と text-emphasis の詳細な説明

CSS では、テキストは私たちが毎日扱う最も一般的なものの 1 つです。テキストの場合、テキストの装...

Bootstrap FileInputは画像アップロード機能を実装します

この記事の例では、Bootstrap FileInputの具体的なコードを共有して、画像アップロード...

docker 環境でのデータベース バックアップ (postgresql、mysql) のサンプル コード

目次posgresql バックアップ/リストアMySQL バックアップ/復元posgresql バッ...

17の広告効果測定の解釈

1. 広告の 85% は未読です<br />解釈: 成功する広告の 15% にどうやって...

ブートストラップ学習体験のまとめ - CSS スタイル デザイン共有

プロジェクトのニーズにより、ブートストラップ フレームワークを慎重に学習する予定です。以前から少しは...

時間別にグループ化された MySQL クエリ ステートメント

年、月、週、日グループによる MySQL クエリ1. 学年別検索 SELECT DATE_FORMA...

JavaScriptはクリックトグル機能を実装します

この記事の例では、クリックして切り替える機能を実装するためのJavaScriptの具体的なコードを参...

同じ日の最初の3つのデータを取得するためのMySQLタイムラインデータ

テーブルデータを作成する テーブル `praise_info` を作成します ( `id` bigi...