【CSS】個人的Reset.css
自分はCSSのfloat:left;をよく使うので、いちいち要素ごとにclearするのがめんどい。
ええーい、このあとは回り込ませたくないんだよ!Flat!!ってときに使う手法だったりフォントだったりをまとめておく。
てことで下記。
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a{ text-decoration:none; } /*float*/ .col{ float:left; } /*float解除*/ ul::after, .colOuter::after, .clearBefore::before, .clearAfter::after{ display: block; clear: both; content:""; } /*font*/ .yumin { font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; } .mincho{ font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , serif; } .pcClass{ display:block; } .spClass{ display:none; } a:hover { opacity:0.8; } .disnone{ display: none!important; } .hide{ display: none; } .clearboth{ clear: both; } /*---------------------------- スマホ -------------------------------*/ @media screen and (max-width:768px) { .spClass{ display:block; } .pcClass{ display:none; } }
ついでにIE対応とかするときに便利なベンダープレフィックス生成ツールも貼っておく。