Web制作者はおさらいしたい！CSSの勉強になる実用的な基本テクニックまとめ | コムテブログ

TL;DR 実務で意外と使う基本的なものやトリッキーな小技。少ない記述で済む CSS テクニックなどをまとめました。今回は Web 制作に関わるなら、必ずおさえておきたいものや今後使っていきたいテクニック中心です。 画像 １．画像の下にできる隙間をなくす 画像の下に色などを配置すると、わずかに隙間が出来ることがあります。そんな時は親ブロックにline-height: 0;で OK。他には画像に直接vertical-align: bottom;かdisplay:block;を使えます。 css 画像の下にできる隙間をなくす方法 ２．画像の下にテキストが回り込まないようにする 回り込み解除は親要素か以下の例だとテキストにoverflow: hidden;かoverflow: auto;を指定します。IE 対策で zoom 属性 zoom:1;も同時に設定します。 css ３．float を使わ

[otchy210]

一部対応ブラウザがかなり限られるので http://caniuse.com/ と合わせて見ると吉。いずれにせよ将来的に重要なテクニック多し。

[feb223]

まとめるのはいいんだけど、最低限の対応ブラウザも書いてほしい。たとえばdisplay flexなんかIEだと11以上からしか対応してないし。あと既に指摘があるけどflexとboxがごっちゃになってる。flexとboxは別物ですよ！ [css3][tips]

[ricopinx]

文字の中心に線をひく・二行目以降を1字下げる・文中のbrを一発で消す | とても参考になる。

[wakuwakuwada]

[HTML/CSS]

[oh-kei]

Web制作者はおさらいしたい！CSSの勉強になる実用的な基本テクニックまとめ

[mosco-mule]

Web制作者はおさらいしたい！CSSの勉強になる実用的な基本テクニックまとめ 実務で意外と使う基本的なものやトリッキーな小技。少ない記述で済むCSSテクニックなどをまとめました。今回はWeb制作に関わるなら、必ずおさ

[lovegaudi]

“画像の下にテキストが回り込まないようにする”

[kenzothe3rd]

これで勉強しよう

[madarax11]

Web制作者はおさらいしたい！CSSの勉強になる実用的な基本テクニックまとめ - コムテブログ

[z1a2nh]

Web制作者はおさらいしたい！CSSの勉強になる実用的な基本テクニックまとめ

[Tokiyo]

おさらいどころか勉強になりました。良い記事です！

[aoiasaba]

微妙だけどまあありかな

[taniai114]

メモメモ

[kote2kote2]

最近全然コード書いてないからこういうまとめは助かる

[trendpocket]

メモします

[goodlife17]

ためになる〜。メモメモ。

[ultimate-ez]

flexの並び方指定はjustify-contentでやった方が良い。

[clavier]

Web制作者はおさらいしたい！CSSの勉強になる実用的な基本テクニックまとめ | コムテブログ

[masapon49]

CSSのφ(｀д´)ﾒﾓﾒﾓ...

[nffsjj]

ためになる～！

[gayou]

読んでおいて損は無さそう。過去のやり方にこだわる必要もないかな。

[ak1can]

web css

[simazoe]

助かる！！（≧▽≦）

[brulee74]

イイネ(･∀･)