Entry: main  << >>
CSSの構造を把握する(ボーダーを一気に表示する)
大きいページになればなるほど、スタイルシートでのコーディングが、わけがわからなくなってしまいます。

そういう時、いままでは、いちいち
border:1px solid;
を挿入しては、構造を確認する…というめんどうくさい作業をしていたのですが、いいものを見つけたのでご紹介。

CSSレイアウトの構造を確認するコツです。

以下、引用させていただきます。
<head></head>の中に書くのがポイントです。
<style type="text/css">
<!--
* {
border: 1px solid #CC3333 !important;
margin: 2px;
}
p { background: #F7F49B!important; }
-->
</style>

これで全体の構造が一気に分かりますし、削除するのも簡単です。
13:50 | comments(0) | trackbacks(0) | - | -
Comment








Trackback

Calendar

1234567
891011121314
15161718192021
22232425262728
293031    
<< October 2017 >>

Recommend

Search

Entry

Comment

  • リンク元のページに戻るボタン(PHP)
    Tadashi (03/13)
  • サイト全体をメンテナンスページに切り替える単純な方法
    yo5kg (06/06)
  • 再配布不可識別子の入れ方
    jumbo (04/25)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    ぐみ (12/11)
  • 再配布不可識別子の入れ方
    eguti (06/04)
  • ナビゲーションをul、liで作成する時
    ビジログ (03/09)
  • 再配布不可識別子の入れ方
    nana (02/02)
  • 再配布不可識別子の入れ方
    TOM (01/22)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    pon (11/09)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    pon (11/09)

Archives

Category

Link

Feed

Others

無料ブログ作成サービス JUGEM

Mobile

qrcode