ウェブページで 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 サイトをデプロイする (推奨)

推薦する

MySQLサービスの自動停止の解決策

この記事では主に、MySQL サービスの自動停止の解決策を紹介し、参考と学習のために共有します。一緒...

MySQL シリーズ データベース設計 3 つのパラダイム チュートリアルの例

目次1. データベース設計の3つのパラダイムに関する知識の説明1. デザインパラダイムとは何ですか?...

シンプルなカルーセル効果を実現するJavaScript

カルーセルとは何ですか?カルーセル: モジュールまたはウィンドウで、コンピューターでマウスをクリック...

MySQL 8.0.11 インストール概要チュートリアル図

インストール環境: CAT /etc/os-release CentOS システムのバージョン情報を...

自分のブログを構築しながら学んだこと

<br />ブログを始めて 1 年、私はブログの内外で多くのことを個人的に学びました。ま...

JavaScript を使用してページ要素のオフセットを取得/計算する方法

質問コントロールをクリックすると、コントロールの下にフローティング レイヤーが表示されます。通常の方...

MySQLコンテナ間のレプリケーション構成例の詳細な説明

背景先週、会社で MySQL レプリケーションのトレーニングを受けたので、今週末は学んだことを実践す...

Vueでフォーム検証を実装する方法

1. インストールと使用まず、Vue プロジェクトにインストールします。 npm インストール --...

js Promise同時制御メソッド

目次質問背景アイデアと実装質問次のように、同時実行 Promise の数を制御するメソッドを記述する...

uniapp エントリーレベル nvue クライミングピット記録の分析

目次序文こんにちは世界画像 境界線の半径を設定する実ピクセルを設定する外部CSSをインポートttfフ...

MYSQL クエリの効率を向上させる 10 の SQL ステートメント最適化テクニック

MySQL データベースの実行効率はプログラムの実行速度に大きな影響を与えます。データベースの効率的...

MySQLのバックアップとリカバリの簡単な分析

目次1. はじめに2. バックアップとリカバリの簡単な定義3. 復旧計画で考慮すべきいくつかの要素4...

portainer を使用してリモート docker に接続するチュートリアル

Portainer は、Docker ホストと Docker Swarm クラスターの管理に使用でき...

SQL 実践演習: オンライン モール データベース ユーザー情報データ操作

オンラインショッピングモールデータベース - ユーザー情報データ運用プロジェクトの説明電子商取引の台...

MySQL json 形式のデータクエリ操作

デフォルトのテーブル名はbase_dataで、json列名はjson_valueです。 json_v...