ホームページ > ウェブフロントエンド > フロントエンドQ&A > インラインCSSの書き方は何でしょうか?

インラインCSSの書き方は何でしょうか?

藏色散人
リリース: 2021-06-08 14:44:54
オリジナル
3200 人が閲覧しました

インライン CSS は、「

...

」または「

...

"; インラインCSSスタイルシートとは、既存のHTMLタグ内にCSSコードを直接記述することです。

インラインCSSの書き方は何でしょうか?

#この記事の動作環境: Windows7 システム、css3 バージョン、Dell G3 コンピューター。

インラインCSSの書き方とは?

インライン CSS スタイル シートでは、次のコードのように、CSS コードを既存の HTML タグに直接記述します。

<p style="color:red">这里文字是红色。</p>
ログイン後にコピー

要素の開始タグに記述する必要があることに注意してください。 , 以下に示すように、記述方法が間違っています:

<p>这里文字是红色。</p style="color:red">
ログイン後にコピー

と CSS スタイル コードは ダブルクォートで記述する必要があります。 CSS スタイル コードの設定が複数ある場合は、一緒に記述したり、で区切ったりすることができます。セミコロン。次のコード:

ここのテキストは赤色です。

例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>认识html标签</title>
<style type="text/css">
span{
   color:red;
}
</style>
</head>
<body>
    <p style="color:blue">xx网,<span>超酷的互联网</span>、IT技术免费学习平台,创新的网络一站式学习、实践体验;
    <span>服务及时贴心</span>,内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手!</p>
</body>
</html>
ログイン後にコピー

(学習ビデオ共有:

css ビデオ チュートリアル)

以上がインラインCSSの書き方は何でしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート