CSSはどこに書かれているのでしょうか？-CSSチュートリアル-php.cn

CSSはどこに書かれているのでしょうか？

青灯夜游

リリース： 2023-01-05 16:13:43

オリジナル

11337 人が閲覧しました

cssの記述場所: 1. インラインスタイルとしてHTMLタグのstyle属性に記述する; 2. インラインスタイルとしてheadタグのstyleタグに記述する; 3. as外部スタイルの場合は、別の「.css」ファイルに記述し、link タグまたは「@import」ルールを使用して HTML に導入します。

CSSはどこに書かれているのでしょうか？

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

CSS スタイルには、インライン CSS スタイル、インライン CSS スタイル、外部 CSS スタイル (アウトラインスタイル) の 3 種類があります。

1. インライン CSS スタイル

HTML タグの style 属性を使用して CSS スタイルを設定します

形式:

<html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>

ログイン後にコピー

例:

<html>
<head>
    <titile></title>
</head>
<body>
    <div style="width="100px" height="100px""></div>
</body>
</html>

ログイン後にコピー

特徴: このタグにのみ適用されます。

2. 埋め込み CSS スタイル

head タグ内の style タグを使用して CSS スタイルを設定します

形式:

<style type="text/css">
 ....css样式代码 
</style>

ログイン後にコピー

例:

<html>
<head>
    <titile></title>
    <style type="text/css">
        //在这里写CSS代码
        bdoy{font-size:14px;}
    </style>
</head>
<body>
</body>
</html>

ログイン後にコピー

機能: 現在のページ全体に適用されます

3. 外部 CSS スタイル (アウトラインスタイル)

CSS コードを記述しますa 別の「.css」ファイルで

CSSはどこに書かれているのでしょうか？

#リンクタグまたは @import を使用してファイルをページに導入します

例:

<html>
<head>
    <titile></title>
    <link rel="stylesheet" href="要引入的CSS文档位置" >
</head>
<body>
</body>
</html>

ログイン後にコピー

学習ビデオ共有:

CSS ビデオチュートリアル

以上がCSSはどこに書かれているのでしょうか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます

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

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

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

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

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

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

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

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

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

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

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

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

Websocket ビデオチュートリアル

CSSはどこに書かれているのでしょうか？