top > coding > css
よく作るcssメモ | main | {entry_permalink}について

css内のコメントアウト裏技

css内のコメントアウトを簡単にかく裏技を紹介。(好きずきだと思うけれど…)

html内ならコメントアウトはDWの中にボタンもあるし
<!-- begin name -->

<!-- /end name -->
こんな具合ですが、
cssってボタンもないし、どっかからコピペしてもいいんですが、他にコピーしてきてるものがあったりして、あー手打ちできたらなー…でも覚えてないしー…て感じになりませんか?

(辞書に登録してる人もいるかもね。でもいちいち日本語入力モードにするのも面倒という私のような人は、ぜひ。)

テンキーのあたりに注目ください。

[NumLock] [ / ] [ * ] [ - ] 

とキーが並んでますよね。
この/*スペースを組み合わせると、キーの場所で結構カンタンに思い出せます。要は「/」と「*」を使うということ、それらの順が鮮明に出てこないんですよー少なくとも私は^^;
帰りは、行きの逆で、スペース*/になります。

/* begin name */

/* end name */

これでもうコピペに頼らなくても書けますよね♪

半角スペースは必ず入れてくださいね。/と*で満足しないようにw
※コメント部分は日本語でも基本的に問題はないですが、ブログやシステムと絡んだり、文字コードがシフトJISじゃない場合は、文字化けのもとになる可能性もあるので、出来れば半角英数を推奨しますね。まれですが化けてるサイトを見かけます。
ちなみに私は、
/* begin name */

/* /end name */
終わり部分には、閉じタグマーク的なものをいつも入れるようにしています。

また、そんなに長いブロックじゃないときや、その部分の指定内容をメモしておきたいために、
#header {
margin: 0px auto; /* 中央揃え */
text-align: center;
padding: 0px;
position: relative;
width: 760px;
}
このように、間に書いたりもします。

あと、残しておきたいけど一時的に省略したい、などにも使えます。
/* #header {
margin: 0px auto;
text-align: center;
padding: 0px;
position: relative;
width: 760px;
}
*/


ただ、htmlのコメントアウト同様に、コメントアウトの中にコメントアウトが入らないように注意しましょう。ブラウザによって不具合が出るもとになります。
/* #header {
margin: 0px auto; /* 中央揃え */
text-align: center;
padding: 0px;
position: relative;
width: 760px;
} */

Comments

Post


ご利用のブラウザ、設定ではご利用になれません。

Trackbacks

日本語入力IME入力を極める | ブログアフィリエイトで日給8万円 | 2006/10/10 12:22 AM
もっとも基本的な動作をスムーズにできるようにすること。これだけで、「スピード」がかなり違います。