Dreamweaver でインラインスタイルを CSS ルールに変換することにより、CSS をわかりやすくする方法について説明します。

インラインスタイルの使用はお勧めしません。CSS をわかりやすくするため、インラインスタイルを、ドキュメントの head 内または外部スタイルシート内で定義された CSS ルールに変換できます。

  1. コードビュー(表示/コード)で、変換するインライン CSS が含まれているスタイル属性全体を選択します。
  2. 右クリックし、選択/インライン CSS をルールに変換を選択します。

  3. インライン CSS の変換ダイアログボックスで、新しいルールのクラス名を入力し、次のいずれかの操作をおこないます。
    • 新しい CSS ルールの配置先のスタイルシートを選択し、「OK」をクリックします。

    • 新しい CSS ルールの配置先としてドキュメントの head を選択し、「OK」をクリックします。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

リーガルノーティス   |   プライバシーポリシー