気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
使えるとレスポンシブWebデザインに便利なCSS
195 users
design-spice.com
design-spice.com
design-spice.com
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
デフォルトのボックスモデルではwidth、heightの値にはpaddingとborderの値を含みませんが、box-sizing... デフォルトのボックスモデルではwidth、heightの値にはpaddingとborderの値を含みませんが、box-sizingプロパティの値にborder-boxを指定すると、widthとheightの値はpaddingとborderの幅を含むようになります。 #box-sizing{ -moz-box-sizing: border-box; box-sizing: border-box; } 特にコンテンツの幅を指定するときや、Fluid Grid Systemを作成するときに計算が簡単になります。 例えば以下の図のような4カラムのGrid Systemで2カラム分の相対幅を求めるとします。 デフォルトの場合2カラム分の幅は60px×2+20px=140px、全体の幅は320pxとなるので、140÷320×100=43.75%となります。これにmarginやpaddingでガターの幅
design-spice.com
design-spice.com
design-spice.com
design-spice.com
huyukiitoichi.hatenadiary.jp
anond.hatelabo.jp
natalie.mu
zenn.dev/lugendre
zenn.dev/sakasegawa
qiita.com/aaaaaaa8888
note.com/yatima
developer.hatenastaff.com
levtech.jp
akiba-pc.watch.impress.co.jp
business.hatenastaff.com
girled.net
b.hatena.ne.jp
www.nicovideo.jp
www.nicovideo.jp
dic.nicovideo.jp
2016/03/09 リンク