ホームページ  >  記事  >  ウェブフロントエンド  >  CSSをHTMLに接続する方法

CSSをHTMLに接続する方法

清浅
清浅オリジナル
2019-05-06 16:04:5414671ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:iframeの使い方次の記事:iframeの使い方