ホームページ  >  記事  >  ウェブフロントエンド  >  CSSスタイルの導入方法のメリット・デメリットの比較

CSSスタイルの導入方法のメリット・デメリットの比較

王林
王林転載
2020-05-17 09:02:332637ブラウズ

CSSスタイルの導入方法のメリット・デメリットの比較

1. インライン スタイル

利点: 書きやすい、重量が重い

欠点: 構造スタイルを分離できない

<div style="width: 100px" height:100px></div>

(ビデオチュートリアルの推奨: css ビデオ)

2. 内部スタイル

利点: 構造スタイルが分離されている

欠点: 分離が不完全

    <style>
        div {
            color: violet;
            font-size: 16px;
        }
    </style>

3. 外部スタイル

利点: 構造とスタイルの完全な分離

欠点: 導入が必要

    <!-- 引入css初始化文件 -->
    <link rel="stylesheet" href="css/normalize.css" />
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="css/baes.css">
    <!-- 引入首页样式 -->
    <link rel="stylesheet" href="css/index.css">

推奨チュートリアル: CSS エントリの基本チュートリアル
#

以上がCSSスタイルの導入方法のメリット・デメリットの比較の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はjb51.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。