Dreamweaverのインジケータを使用した修正方法／要素の検証・検証機能

Dreamweaverのインジケータを使用した修正方法


1.修正したい箇所をクリックして2.3秒待機

2.インジケータが表示されるので、インジケータをクリック




3.該当部分に適用されているCSSのコードが一覧表示される


4.その中で自分が直したい部分に関するCSSコードを見つける
(例えば、ホームボタンの右側にある隙間を調整しようとしているとすると
ul liの項目の中のmargin-right:6px:の部分の6pxが知りたい数値)


5.ul  liの項目を選択すると、左のコードの欄はCSSのul liの行に自動で移動する
(左のコードの欄のコードの意味がそのままわかればコードを直に修正する)

6.わからない場合は、
右のCSSスタイルのパネルもul liの項目が選択された状態に自動的になるので




7.CSSスタイルのパネルのul liをダブクリック





8.するとul liのCSS定義のウインドウが開く
marginの数値はカテゴリのボックスの中にあるのでボックスを選択してmargin-rightの数値を確認修正(６pxが正しい数値)




要素の検証・検証を使って何故予定通りにデザインが反映されていないかを調べる方法

コメント

コメントを投稿