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

推薦する

Linux システムで Tomcat を自動的に起動するための設定方法の紹介

1. /etc/init.d ディレクトリに入ります: cd /etc/init.d 2. tomc...

CSS ファンタスティックボーダーアニメーション効果の実装

今日、私はブログサイト shoptalkshow を閲覧していて、非常に興味深いこのインターフェース...

Windows が MySQL サービスを開始できず、エラー 1067 を報告する場合の解決策

突然、MySQLにログインすると、アクセスが拒否されたか、データベースに接続できないと表示されました...

HTML タグ dl dt dd 使用方法

基本構造:コードをコピーコードは次のとおりです。 <ダウンロード> <dt>...

MySql5.7.21 インストールポイント記録メモ

ダウンロードしたバージョンは、Zip 解凍版、Windows システムです。長い間 Windows ...

Ubuntu 19 以下に Android Studio をインストールするチュートリアル

過去の経験から言うと、タスクを完了した後にメモを取るのは良い習慣です。インストール環境はUbuntu...

CSS 動的高さ遷移アニメーション効果の実装

この質問は、Nuggets のメッセージから生まれました。友人が、次のコードの高さ遷移アニメーション...

Linux の 5 ステップ ビルド カーネル ツリー

目次0. システムに付属するカーネルツリー1. 環境設定最初のステップステップ2 2. ソースコード...

Docker コンテナの uid と gid の詳細な理解

デフォルトでは、コンテナ内のプロセスは root ユーザー権限で実行され、この root ユーザーは...

Docker のポート解放失敗の解決策

今日、非常に奇妙な状況に遭遇しました。docker イメージを更新した後、docker-compos...

CSSを使用してTDのINPUTの幅を設定する

最近、C# を使用して Web プログラムを作成していたときに、次のような問題が発生しました。 Te...

MySQLでテーブルを接続するいくつかの方法

MySQL テーブルでの接続方法は実は非常に簡単なので、ここではその特徴を簡単にリストします。テーブ...

CentOs7 64 ビット MySQL 5.6.40 ソースコードのインストール プロセス

1. インストールプロセス中に問題が発生しないように、まず依存パッケージをインストールします。 [r...

Linux xargsコマンドの使用

1. 機能: xargs は、stdin 内のスペースまたは改行で区切られたデータをスペースで区切ら...

.Net Core を使用して数千万のデータを MySQL にインポートする手順

目次事前準備実施方法: 1. 単一のデータを挿入する2. マージデータ挿入3. MySqlBulkL...