デベロッパーツールの使い方

googleクロームにはデベロッパーツール（要素の検証機能）という便利な機能が備わっている。
(１)どんなことがができるのか？
　　・デザイン変更テスト
　　・他のウェブサイトのコードをチェック
　　・複数サイズでの表示チェック

(２)デベロッパーツールを起動するには　
　　・チェックしたいページを開き、右クリックをする。
　　　コードを調べたい部分が決まっているのであれば、その場所で右クリック。
　　　表示されるメニューの中から『検証』をクリック

　　・ショートカットでコマンド起動させる場合
　　　【F12】キーボタンを押す

(３)画面の見方
　　【HTML】
　　・二分割されている画面の左側にはHTMLコード、右側にはCSSコードが表示される
　　・elements(要素)を展開するには、altを押しながら▲→をクリックすれば中の子要素
　　　がすべて展開される。
　　【CSS】
　　・上のタブが 【styles】が選ばれている事を確認する。ここには「選択中の要素」
　　　に対して指定されているCSSが全て表示される
　　・CSSのセレクタが表示され、その下に指定されているCSSが表示される