5. スタイルを活用したCSSの設定
では早速、Expression Webを使ってCSSレイアウトとデザインを設定しましょう。デザインビューで簡単に編集する方法、及び、CSSプロパティを使ったCSSの設定方法について学習します。
1. 出力されるすべてのCSSを(クラス/ルール)スタイルに設定する
Expression Webの既定値では、いくつかの要素はインラインスタイルシートになります。そこで、インラインスタイルシートで出力されないように設定し、最後にCSSファイルに簡単にすべてエクスポートできるように準備しましょう。
- メニューから【ツール→ページ編集オプション】をクリックします。
- [ページ編集オプション]ダイアログの[CSS]タブを開きます。
- 既定値では、<body>タグのプロパティページ、及び、サイズ、配置、フロートが「CSS(インラインスタイル)」に設定されています。
これを、右下の図のように、<body>タグのページプロパティを「CSS(ルール)」、サイズ、配置、フロートを「CSS(クラス)」を選択します。 - [OK]ボタンをクリックします。
INDEX
問題は解決しましたか?
操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!