• ベストアンサー

別ファイル化されたスタイルシートを見たい

スタイルシートを勉強中です。 通常のHTMLだと右クリックでソースを見ることができて、人様のソースを手本に勉強できるのですが、スタイルシートが別ファイル化されていると簡単に見ることができません。 何か方法があれば見ることができるのでしょうか? 以上よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • pk7743
  • ベストアンサー率23% (211/896)
回答No.1

たとえば、http://www.goo.ne.jp/のCSSファイルを見るとします。 http://www.goo.ne.jp/のソースを表示します。 すると、 <link rel="stylesheet" href="/css/base_top.css" media="all"> こんな記述があります。 これがCSSアドレスの位置です。 相対アドレスで書かれてますので、絶対アドレスに直します。 これをブラウザのアドレスバーに貼り付けます。 すると、ダウンロードが始まります。 ダウンロードが終わったら、「ファイルを開くアプリケーションの選択」画面になると思いますので、Notepadを選んで開くとメモ帳が起動します(メモ帳以外のテキストエディタを使用しているのであれば、それを選んでも構いません)。 開いたら「名前をつけて保存」を選んで、適当な場所に保存すればOK。 これでうまくいかない場合は、例えば <html><body><a href="*******">ダウンロード</a></body></html> みたいな感じで即席のhtmlファイルを作って適当な場所(デスクトップとか)に保存(ファイル名は適当に。自分はよくtest.htmlなんてつけてます)して、開く。

danadana
質問者

お礼

なるほど!確かに見ることができました。 早速の回答ありがとうございました。

その他の回答 (1)

回答No.2

対象のページに名前をつけてデスクトップにでも保存します。 HTMLファイル、同じ名前のフォルダ、この2つが作成されますのでフォルダ内にスタイルシートのファイルが保存されています。 このファイルをメモ帳等で開くと表示されます。

danadana
質問者

お礼

こういう方法もあったんですね。 早速の回答ありがとうございました。

関連するQ&A

専門家に質問してみよう