前の記事 ≪:クールで滑らかに動作するscript.aculo.usベースのアコーディオンUI「Ac...
次の記事 ≫:色に関する便利WEBサービスいろいろ

CSSを短く書く方法いろいろ

2007年09月26日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

Create smaller CSS files ・PiticStyle

CSSを短く書く方法いろいろ

色の指定を短く

color: #ffffff;
color: #ff88ff;


color:#fff;
color:#f8f;

paddingやmarginの指定を一括で

padding-left:10px;
padding-right:20px;
padding-top: 0;
padding-bottom:30px;


Padding: 0 20px 30px 10px;

セレクタの一括指定

h1{
margin:0;
padding:0;
}

h2{
margin:0;
padding:0;
}

h3{
margin:0;
padding:0;
}


h1, h2, h3{
margin:0;
padding:0;
}

などなど。
サーバサイドCSS(ウノウラボ Unoh Labs: 「サーバサイドCSS」という選択)という仕組みがあって、このサーバサイドCSSでの変換の際に、
こういう最適化も自動でやってくれると嬉しい&スマートなのかなと思いました。

関連の記事検索:CSS, チュートリアル, プログラミング
スポンサード リンク

By.KJ : 2007年09月26日 07:10 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)