ページ内で CSS を参照する方法は何通りありますか?-CSSチュートリアル-php.cn

ホームページ

ウェブフロントエンド

CSSチュートリアル

ページ内で CSS を参照する方法は何通りありますか?

云罗郡主

Nov 23, 2018 pm 04:02 PM

引用CSS方法

この記事の内容は、ページ上で CSS を参照するためのいくつかの方法に関するものです。参考にしていただければ幸いです。役に立つでしょう。

優先順位: 外部スタイル

優先順位: 同じ名前のセレクターの右側が左側を上書きします。

1. 内部スタイルシート

<head>
<style>
/*内部样式表，一般用于覆盖公用样式*/
＃headTip {
color: 0xff5;
}
</style>
</head>

2. ドキュメント内で外部リソースの使用を宣言するには、リンクタグを使用します。これは最も一般的な方法です。 CSS 外部スタイルシートのエンコーディングを指定する

@CHARSET="utf-8"; を最初の行に配置する必要があります。

<head>
<link href="./divcss8.css" rel="stylesheet" media="screen" type="text/css"/>
</head>

3.@ メソッド、CSS を導入します。これは HTML 全体が読み込まれた後に読み込まれるため、ページがちらつくことに注意してください。お勧めしません。

<head>
<style>
@import &#39;my-common.css&#39;;
</style>
</head>

4. インラインスタイルシートは優先度が最も高く、最も簡単ですが、再利用できず、メンテナンスも簡単ではありません。

<body>
<input type="text" style="color:0x550;font-size:30px;"/>
</body>

上記は、ページ内で CSS を参照するいくつかの方法の完全な紹介です。

CSS3 チュートリアルについて詳しく知りたい場合は、PHP 中国語 Web サイトに注目してください。

以上がページ内で CSS を参照する方法は何通りありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事はdivcss8で複製されています。侵害がある場合は、admin@php.cn までご連絡ください。

Draggin＆＃039;ドロップピン＆＃039;反応でApr 17, 2025 am 11:52 AM

React Ecosystemは、すべてがドラッグアンドドロップの相互作用に焦点を合わせている多くのライブラリを提供します。 React-Dnd、React-Beautiful-Dnd、

高速ソフトウェアApr 17, 2025 am 11:49 AM

最近、高速ソフトウェアについて素晴らしい相互接続されたことがいくつかありました。

バックグラウンドクリップ付きのネストされたグラデーションApr 17, 2025 am 11:47 AM

バックグラウンドクリップをすべて頻繁に使用すると言うことができます。私は、日々のCSS作業ではほとんど使用されていない＆＃039; dを賭けています。しかし、私はステファン・ジュディスの投稿でそれを思い出しました、

ReackAnimationFrameを使用してReact Hooksを使用しますApr 17, 2025 am 11:46 AM

RequestAnimationFrameでアニメーション化するのは簡単なはずですが、Reactのドキュメントを徹底的に読んでいない場合は、おそらくいくつかのことに遭遇するでしょう

ページの上部にスクロールする必要がありますか？Apr 17, 2025 am 11:45 AM

おそらく、それをユーザーに提供する最も簡単な方法は、要素上のIDをターゲットにするリンクです。だから...

Best（GraphQL）APIはあなたが書くものですApr 17, 2025 am 11:36 AM

聞いてください、私はGraphQLの専門家ではありませんが、私はそれで働くことを楽しんでいます。フロントエンド開発者としてデータを公開する方法はかなりクールです。メニューのようなものです

毎週のプラットフォームニュース：テキスト間隔のブックマークレット、トップレベルの待望、新しいアンプロードインジケーターApr 17, 2025 am 11:26 AM

今週のラウンドアップ、タイポグラフィを検査するための便利なブックマークレットである。

ボーダー半径を保存しながら箱を拡張するためのさまざまな方法Apr 17, 2025 am 11:19 AM

私は最近、Codepenの興味深い変化に気づきました。ホームページにペンをホバリングすると、丸い角が背面に拡大する長方形があります。

See all articles

ホットAIツール

ホットツール

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティングサービスをチェックしてください。

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポートライブラリとヘッダーファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。