HTMLとCSSの要素名(タグ名)や属性名を妥当な名称に修正し、サイトを作成しました。
↓編集前ブラウザ画面

↓編集後ブラウザ画面

・スタイルシートがどう反映されているのかを確認したい時
※いずれもブラウザ上で編集しているので更新すると消えてしまうので、エディターでの保存は忘れずに。
例)ヘッダーの画像を変更し、どう反映されるのかを確認したい。
①検証ツールを開き、CSSを編集する。


②○箇所の名称を書き換える。


例)フォントを確認したいとき
①検証ツール→スタイルシートのbodyを開く。

②bodyにfont-family:serifを入力。明朝体に変わる。



コメント