ChromeのDevToolsを使うととても簡単にスタイルシートの設定を行うことができます。 DevToolsを使うにはレイアウトを変更したいと思う場所を右クリックして 要素の検証を選択 選択した場所に対するスタイルシートの情報が表示されます。 どのような属性に対してどのファイルの何行目までが適用されるかが見えるのでとても便利 他のスタイルで上書きされて無効になっているものは取り消し線が表示されます。 それぞれに適用されているスタイルはその場で書き換えが可能。 例として#topixの色をblackからbluevioletに変えてみます。 コード補完も使えてとても簡単にスタイルを適用できます。 変更内容はリアルタイムで反映されるのでトライアンドエラーが簡単に出来ます。 スタイルに表示されているスタイルシートのファイル名(default.css)を選択すると、Sourcesタブに移動し書き換え
![Chrome DevToolsでCSSデザイン](https://cdn-ak-scissors.b.st-hatena.com/image/square/7dec0c463cfc25db6b4a3ee7582041ddbd37d9a5/height=288;version=1;width=512/https%3A%2F%2Ffirespeed.org%2Fdiary2%2Fpic%2Fkenz1589-img10.png)