A new micro clearfix hack – Nicolas Gallagher
The clearfix hack is a popular way to contain floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required. Demo: Micro clearfix hack Known support: Firefox 3.5+, Safari 4+, Chrome, Opera 9+, IE 6+ The “micro clearfix” method is suitable for modern browsers and builds upon Thierry Koblentz’s “clearfi
IDを使わないCSSの設計 - kojika17
CSSのスタイリングではIDを使用しない、という話をよく聞くようになりました。 私も最近は、IDを使わずにコーディングしているので所感を書きます。 CSSでIDを使わない 「IDを使わない」ということをHTMLの変化で示すと、以下のようになります。 <div id="header" class="clearfix"> <h1 id="logo"><a href="">logo</a></h1> <ul id="heaeder-info"> <li class="about"><a href="">about</a></li> <li class="sitemap"><a href="">sitemap</a></li> </ul> </div> ↓↓↓↓ <div class="header clearfix"> <h1 class="logo"><a href="">logo</a></
CSSの勉強中に困ったら
CSSの勉強中に色々困ることが起きて検索するのですが、だいたい同じところに行き着くので自分用のリンク集も兼ねてまとめておきます。 仕様を確認するとりあえずW3Cを見に行った方が早い。 そもそもプロパティや値について分かっていない場合はここで解決することが多い。 CSS current work & how to participate現在の状況と仕様書の目次。CSS3の日本語訳集 - 血統の森 web実験小屋日本語訳へのリンク集。W3Cの目次から探すのが面倒なときはGoogleで「w3.org プロパティ名」で探すと早い。「devs.w3.org」と「www.w3.org」を分けて検索するのもいいと思う。 ブラウザの対応と実装対応しているかどうかだけの場合は以下の2つのサイトで事足りる場合も多い。 When can I use… Support tables for HTML5, CSS3
CSS3備忘録：疑似クラスを使ってtableの最後の縦列をborderで囲む方法
何かの表を作るとき、最後の列に合計の数値を表示することがあると思いますが、 その最後の列を強調するために太めのborderで囲んで欲しいという要望を受けた霙（@xxmiz0rexx）です。 表の向きを横にすればtrで簡単に指定できるのでしょうが、そうもいかない場合があるのですｗ 地道なだけの、ただのCSSの設定ですが、次からコピペしたいので記事にしちゃいます。 html <table> <tr> <th>商品名</th> <th>金額</th> <th>数量</th> <th>Total</th> </tr> <tr><td>石仮面</td><td>500</td><td>2</td><td>1000</td></tr> <tr><td>マンモーニ</td><td>105</td><td>1</td><td>105</td></tr> <tr><td>ニーソ</td><td>30,000<
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
