Expression Web 4 Beginner's Guide

Expression Web初心者向けガイド。ステップバイステップで解説していきます。

インラインスタイルからIDやクラススタイルに変換するには

Section 4 レイヤーとDIVの操作
最終更新日時: 2019/01/28 13:32:18
  • このエントリーをはてなブックマークに追加

インラインスタイルとして適用されたスタイルを、ほかのWebページでも共用するために、IDまたはクラススタイルに変換する方法について説明します。

はじめに

インラインスタイルとして生成されたスタイルは、ほかのWebページと共通利用することができません。そこで、ほかのWebページでも使いまわしたい場合、以下の手順にしたがいます。

  1. インタインスタイルからスタイルを新規作成(スタイルの定義先をCSSファイルに指定する)
  2. インタインスタイルブロックに新規作成したスタイルを適用
  3. インタインスタイルを解除

操作手順

  1. インラインスタイルが適用されたブロックを選択します。
  2. [スタイルの適用]パネルの[インラインパネル]を右クリックして、ショートカットメニューから[新しいスタイルのコピー]をクリックします。
  3. セレクターボックスに名前を指定します。作業中のWebページに存在するIDスタイルは下の図のように一覧から選択すると確実です。
  4. [定義先]ボックスには[既存のスタイルシート]を選択し、[URL]ボックスに適用先のCSSファイルを選択して[OK]ボタンをクリックします。
  5. 該当するボックスが選択されていることを確認して、[スタイルの適用]パネルからそのスタイルをクリックして適用します。
  6. [インラインスタイル]を右クリックして[インラインスタイルの解除]をクリックします。

  • このエントリーをはてなブックマークに追加

コメント

▲このページのトップへ