CSS導入方法4つのまとめ（共有）

CSS導入方法4つのまとめ（共有）

1. インライン参照：ラベルに直接使用されるが、メンテナンスコストが高い

スタイル='フォントサイズ:16px;色:#000000'

2. 外部リンク参照: CSSコードはHTMLコードから分離されており、コードの再利用に便利です。

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

style.css ファイルの内容は次のとおりです。

.font{色:青;フォントサイズ:12px;}

3. 内部参照: ページは明確になりますが、他のページからは使用できません

<スタイル タイプ = 'text/css'>
    .font{色:青;フォントサイズ:12px;}
</スタイル>

4. 外部インポート: 1 つの HTML ファイルに複数のスタイルシートをインポートできます。外部リンク参照に類似

これをHTMLファイルのheadタグに追加します

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

以上、CSS導入方法4つのまとめ（共有）が、編集長が皆さんに共有する内容の全てです。皆さんの参考になれば幸いです。また、123WORDPRESS.COMを応援していただければ幸いです。

<<:  Jsonフォーマットの詳細な説明

>>:  ユニアプリプロジェクトでのウォーターフォールレイアウトの実装

推薦する

幅の比率に応じて高さを変えるCSSを実装するいくつかの方法

[解決策1: パディングの実装]原理：要素の padding の値がパーセンテージの場合、このパーセ...

Linux スケジュールタスクの関連操作の概要

皆様の参考と操作を容易にするために、様々な主要ウェブサイトを検索し、関連するスケジュールされたタスク...

MySQLでよく使われる4つのストレージエンジンについて簡単に説明します。

よく使われる4つのMySQLエンジンの紹介（１）：MyISAMストレージエンジン：トランザクションや...

Windows 版 MySQL のインストール、起動、基本設定に関する詳細なグラフィック チュートリアル

ダウンロード：ステップ 1: ウェブサイトを開きます (ダウンロードするには公式ウェブサイトにアクセ...

Docker のコンテナ データ ボリュームの概要

目次Dockerコンテナのデータ量データボリュームの使用方法1: コマンド-vを使用して直接マウント...

CentOS ベースの OpenStack 環境の展開に関する詳細なチュートリアル (OpenStack のインストール)

エフェクト表示: 環境準備コントローラーノード: 6GB 4時間60GB/30GB/30GB計算ノー...

CSS3ダイヤモンドパズルはdivのみを回転し、背景画像は回転しない機能を実現します

需要背景プロジェクトはVueを使用して作成され、ビジネス要件にはパズル効果があります。デフォルトの背...

Linux でハイパースレッディング技術を動的に有効/無効にする方法の詳細な説明

序文Intel のハイパースレッディング テクノロジーにより、1 つの物理コア上で 2 つのスレッド...

docker に基づいて nginxssl 設定を開始する

前提条件クラウドサーバー（Alibaba Cloud、Tencent CloudなどのcentOS）...

vue-video-player を使用してライブ放送を実現する方法

目次1. vue-video-playerをインストールする2. vue-video-playerを...

MySQL 5.5.56 インストール不要版の設定方法

MySQL 5.5.56無料インストール版の設定方法をテキストコードで詳しく説明します。具体的な内容...

CSS で「プラス記号」効果を実装するためのサンプルコード

以下に示すプラス記号の効果を実現するには: この効果を実現するには、div 要素だけが必要です。 b...

開発にVscodeとdockerを組み合わせて使用​​する詳細なプロセス

序文Docker と VS Code を使用すると、ローカル開発環境全体を最適化し、プロジェクトの進...

Docker を使用してエンタープライズレベルのカスタムイメージを構築する方法

序文退社前に、ある依頼を受けました。基本イメージ規格の変更により、最新の Docker イメージ規格...

MySQL InnoDB トランザクション ロック ソースコード分析

目次1. ロックとラッチ2. 繰り返し読み取り3. インサートロックプロセス3.1 ロックモード3....