検証ツールで負けを見つける
CSS入門 / 全 5 枚
CSS入門 - 検証ツールで負けを見つける
検証ツールで見る3か所
ブラウザには、表示中のページの中身をのぞく道具がついています。見たい場所を右クリックして検証を選ぶと開きます。
数値をその場で書きかえると画面がすぐ変わります。1px ずつ動かしながら決められるので、保存して読み込み直す手間がいりません。
| 見る場所 | そこで分かること |
|---|---|
| Elements | いま選んでいる要素の HTML |
| Styles | その要素に当たっているルールが強い順に並ぶ |
| 取り消し線の付いた行 | 書いたのに採用されなかったスタイル |
| Computed | 最後に採用された値 |
1 / 5
← → キーでも送れます