参考サイトのCSSを覗く、、、

Ｗｅｂデザインやコーディングをする際、参考にしているサイトがどうやってCSSを書いているのか気になることってありますよね。いろんなツールがありますが、一番簡単なやり方をご紹介。

まず、ブラウザの「表示」タブから、「ページのソース」を選択。
するとテキストがガァーーーーっと出てくるはずです。
すると、そのテキストの上から5～15行目くらいに、cssの場所が書いてあります。

<link href="common.css" rel="stylesheet" type="text/css">

こんな感じです。
この場合、「common.css」っていうcssが
デザインを制御していることになりますね。

それが分かったら、 http://example.com/common.css　にアクセスします。
（上記はあくまでサンプルＵＲＬなのでたぶん実在しません）

すると、見事にcssファイルを見る事が出来るわけです。
cssファイルの場所が common/css/style.css　とかってなっていたら、同じく
ＵＲＬの後ろに　http://example.com/common/css/style.css　と入力。

デザインやレイアウトで困ったとき、やっぱりプロの業（わざ）を参考にするのもいいものです。
結構当たり前な知識だとは思いますが、参考までに、、、。