検証ツールで負けを見つける

CSS入門 / 全 5

CSS入門 - 検証ツールで負けを見つける

検証ツールで見る3か所

ブラウザには、表示中のページの中身をのぞく道具がついています。見たい場所を右クリックして検証を選ぶと開きます。

数値をその場で書きかえると画面がすぐ変わります。1px ずつ動かしながら決められるので、保存して読み込み直す手間がいりません。

見る場所そこで分かること
Elementsいま選んでいる要素の HTML
Stylesその要素に当たっているルールが強い順に並ぶ
取り消し線の付いた行書いたのに採用されなかったスタイル
Computed最後に採用された値

1 / 5

このスライドが付いているレッスンを開く