2014-01-29から1日間の記事一覧

【css】MediaQueryを使ってみた

css

PCとスマホのページを1ソースで作るために、ウィンドウの幅に応じてスタイルを変更する、css3のMediaQueryを使ってみました。 @media screen and (max-width: 640px) { body { background-color: red; } } MediaQueryを使用する時は、Mediaを明示的に指定し…

cssが適用される優先順位

css

たまに混乱してしまうのでまとめます。 idはclassより強い 階層が深いほうが強い styleを直接書くのが一番強い idはclassより強い この場合は、idの方が強いので背景色は赤色になります。 <div id="hoge" class="hoge"></div> #hoge { background-color: red; } .hoge { background-color: gree…