タグ

cssとDebugに関するkeijixのブックマーク (2)

  • Firebugで始めるCSSデバッグ

    Firebugで始めるCSSデバッグ FirebugはWeb制作をアシストしてくれるFirefoxの拡張機能(アドオン)です。CSSデバッグに関してはWeb Developerよりこちらを使っている人のほうが多いと思います。個人的にもFirebugなしでCSSは書きたくないと思うぐらい重宝しています。 インストール Firefoxで配布サイトにアクセスして「Firefoxへの追加」をクリックします。 インストール画面が表示されます。画面下部に『インストール(5)』といったグレーのボタンが表示されますが、すこし待つと『今すぐインストール』に変わります。変わりましたらボタンをクリックしてインストールを開始してください。 インストールが終了したらFirefoxの再起動が求められるので、Firefoxを再起動してください。 Firebugの使い方 Firebugをインストールするとブラウザの右下に

    Firebugで始めるCSSデバッグ
  • CSSを簡単にデバッグする方法|web bibo

    /* CSS(スタイルシート)に関する知識・テクニックなどの備忘録 */ 文字サイズ 大 中 小 現在のページ: HOME » CSSハック・条件分岐 » CSSを簡単にデバッグする方法 outlineプロパティを使って、該当する要素に枠線を付けるというものです。HTMLの構造を確認したい場合に有効な方法です。outlineプロパティはIE6・7では使えないので、確認したい場合は、IE8やFirefox・Safariなどで行ってください。 枠線を表示するスタイルシート * { outline: 2px dotted red; } * * { outline: 2px dotted green; } * * * { outline: 2px dotted orange; } * * * * { outline: 2px dotted blue; } * * * * * { outline:

  • 1