CSSを導入する4つの方法-CSSチュートリアル-php.cn

CSSを導入する4つの方法

高洛峰

リリース： 2016-12-16 15:34:14

オリジナル

2440 人が閲覧しました

1. タグ内の CSS。 2. Web ページ内の CSS。 3.リンクはCSSを参照しました。 4.参照されたCSSをインポートします。

以下はソースコードです:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>引入CSS的四种方式</title>

<style type="text/css">

/*h2{ color:white;background-color:blue;}*/

/*要想使网页内的CSS生效，必须注释下一行代码*/

@import "import.css";

</style>

<link href="alone.css" rel="stylesheet" type="text/css" />

</head>



<body>

<h1 style="color:white; background-color:yellow">标签内的CSS</h1>

<h2>网页内的CSS</h2>

<h3>link引用的CSS文件</h3>

<h4>import引用的CSS文件</h4>

<p>link引用和import引用区别是：link是html加载前就引用，而import是html加载后才引用。举例，采用impor引用，会先显示无样式的页面，然后再把样式放进去。如果用JavaScript动态引用CSS，得使用link引用方式才可实现。</p>

</body>

</html>

ログイン後にコピー

import.css

@charset "utf-8";
/* CSS Document */
h4{ color:#000000; background-color:#009900;
}

ログイン後にコピー

alone.css

@charset "utf-8";
h3{ color:white; background-color:red;}
/* CSS Document */

ログイン後にコピー

自然に沿って、そして無限に。。。

CSS を導入する 4 つの方法に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

CSSを導入する4つの方法