地味に使えるCSS小技のメモ&サンプル集 - かちびと.net
cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le
letter-spacingを隠し味程度に
このブログは基本font-sizeを100％にしています。もちろん文章が読みやすいようにという配慮からなんですけど、文字が大きいと詰め込んだ印象になって長文の場合かえって読みにくく感じることがあります。 これを解消するにはline-height（行間）を広めにとる（130%～150%くらい）と同時にletter-spacing(字間）をほんの少し広げてやると良いみたいです。 デフォルトではletter-spacing:0;です。 この文章はletter-spacig:0em;に設定されています。 この文章はletter-spacig:0.05em;に設定されています。 この文章はletter-spacig:0.1em;に設定されています。 この文章はletter-spacig:0.5em;に設定されています。 0.5emに設定すると明らかに広すぎますね。0.1または0.05emくらいで微妙
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
