ホームページ  >  記事  >  開発ツール  >  dw で CSS コードをフォーマットする方法

dw で CSS コードをフォーマットする方法

青灯夜游
青灯夜游オリジナル
2020-12-18 16:46:439978ブラウズ

方法: 1. [編集] オプションをクリックして、[優先パラメータ] を選択します; 2. [コード形式] を選択し、[詳細形式設定] で [css] をクリックします; 3. 「各属性を別の場所に配置します」行の前にチェックを入れます。 4. [OK] -> [適用] をクリックします。 5. [コマンド] オプションをクリックし、[ソース形式の適用] オプションをクリックします。

dw で CSS コードをフォーマットする方法

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

関連する推奨事項: "dreamweaver チュートリアル "

まず、DW を使用して作成済みの CSS ファイルを開き、書式設定されていない編集後のコードを確認します。

dw で CSS コードをフォーマットする方法

次に、ソフトウェア ウィンドウの上部にある [コマンド] オプションをクリックし、ポップアップ メニューの [ソース形式の適用] オプションをクリックして、コード。

dw で CSS コードをフォーマットする方法

書式設定後、各クラスの属性は 1 行に表示されます。収まらない場合は、新しい行に表示されます。これは、ページが設定されていない場合の書式設定の効果です。

dw で CSS コードをフォーマットする方法

次に、CSS コードの形式を変更し、CSS 属性を単一行表示用の単一属性に設定します。編集オプションをクリックし、ポップアップ ドロップダウン メニューで [優先パラメータ] を選択します。

dw で CSS コードをフォーマットする方法

ポップアップのカテゴリで [コード形式] を選択します。環境設定」ダイアログ ボックスに移動し、「詳細な書式設定」で css をクリックします。

dw で CSS コードをフォーマットする方法

CSS ソースの書式設定オプションのダイアログ ボックスで、「各属性を別の行に」と入力します。プレビュー効果を確認するには、ボックスをチェックします。

dw で CSS コードをフォーマットする方法

選択後、[OK]、[適用]、[閉じる] の順にクリックして、ソース形式を CSS コードに再度適用します。コードは 1 つの属性と 1 行になります。

dw で CSS コードをフォーマットする方法

dw で CSS コードをフォーマットする方法

これでフォーマットは完了です。

プログラミング関連の知識について詳しくは、プログラミング入門をご覧ください。 !

以上がdw で CSS コードをフォーマットする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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