www.wanichan.com

5. スタイルを活用したCSSの設定

では早速、Expression Webを使ってCSSレイアウトとデザインを設定しましょう。デザインビューで簡単に編集する方法、及び、CSSプロパティを使ったCSSの設定方法について学習します。

1. 出力されるすべてのCSSを(クラス/ルール)スタイルに設定する

Expression Webの既定値では、いくつかの要素はインラインスタイルシートになります。そこで、インラインスタイルシートで出力されないように設定し、最後にCSSファイルに簡単にすべてエクスポートできるように準備しましょう。

  1. メニューから【ツール→ページ編集オプション】をクリックします。
  2. [ページ編集オプション]ダイアログの[CSS]タブを開きます。
  3. 既定値では、<body>タグのプロパティページ、及び、サイズ、配置、フロートが「CSS(インラインスタイル)」に設定されています。
    これを、右下の図のように、<body>タグのページプロパティを「CSS(ルール)」、サイズ、配置、フロートを「CSS(クラス)」を選択します。
    ↓
  4. [OK]ボタンをクリックします。
スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

▲このページのトップへ