コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > CSSをHTMLに接続する方法

CSSをHTMLに接続する方法

清浅
リリース： 2019-05-06 16:04:54
オリジナル
14756 人が閲覧しました

CSS を HTML に接続する方法には、CSS スタイルをタグに直接記述する、スタイルを介してヘッダーに直接 CSS を記述する、リンクを介して CSS ファイルを外部にリンクする、複数の CSS ファイルにアクセスするときに @import URL を使用するなどがあります。

CSSをHTMLに接続する方法

CSS を HTML に接続するには、次の 4 つの方法があります。

方法 1: タグを直接タグ css コントロールに記述する

<div style="width:100px;height:100px;border:1px solid #ccc"></div>
ログイン後にコピー

方法 2: css にヘッダーを直接書き込む

<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
       p{font-size: 20px;
        color:red;}
        h1{color: blueviolet;
        font-family: "Arial Narrow";
        }
    </style>
</head>
ログイン後にコピー

方法 3: CSS ファイルを外部リンク

これはよく使われる方法です

<link href="css.css" rel="stylesheet" type="text/css">
ログイン後にコピー

方法 4: アクセスするとき複数の CSS (ある CSS ファイルが別の CSS ファイルを参照する場合) 

@import url(文件名.css)
ログイン後にコピー

ページのロード後にロード

以上がCSSをHTMLに接続する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
css html
ソース：php.cn
前の記事：iframeの使い方 次の記事：HTMLでスペース文字を入力するにはどうすればよいですか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
インライン Tailwind CSS とマルチファイル Tailwind CSS の違いは何ですか?
から 1970-01-01 08:00:00
0
0
0
CSS カラー変数 - CSS カラーを定義する場合はルールまたはセレクターが必要です
から 1970-01-01 08:00:00
0
0
0
javascript - webpackパッケージreactjsプロジェクトCSS分離
から 1970-01-01 08:00:00
0
0
0
Sass エラー: ファイルはすでにロードされています: @import '~src/css/quasar.variables.scss', 'quasar/src/css/variables.sass'; src\css\quasar.variables.scss
から 1970-01-01 08:00:00
0
0
0
javascript - 反応して CSS ファイルをインポートし、モジュール "../../css/style.css" が見つかりませんというプロンプトが表示される
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート