CSSの書き方[CSSレイアウトをする前に最初に書いている規則集合]
Apr 6
CSSを書くとき最初に何を書いたらいいかわからん。という壁にはCSSを勉強し始めたころにぶち当たりました。
すでに到る所でこのようなエントリーが紹介されていると思いますが、ソースの書き方に正解なんてないと自負しているので一応ボクが普段書いているCSSを公開します。
@charset "utf-8";
/* @import
=========================================*/
/*-----------------------------------------
###########################################
date: 2007/4
author: uk+
###########################################
-----------------------------------------*/
/* format
=========================================*/
* { margin: 0; padding: 0; }
option { padding-right: 0.5em; }
img { border: none; vertical-align: bottom; }
ol,ul,li,dl,dt,dd { list-style-type: none; }
hr,legend { display: none; }
fieldset { border: none; }
address,em { font-style: normal; }
input,textarea { font-size: 1em; }
table,td,th{
border-collapse: collapse; empty-cells: show; font-size: 1em;
}
html { overflow: -moz-scrollbars-vertical !important; }
/* fxでスクロールバーの非表示によるずれ回避 */
/* clearfix
=========================================*/
/* floatした要素の親要素が高さを認識できない場合 */
.clearfix:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* body
=========================================*/
body {
font: 1em/1.5 "ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,
"Trebuchet MS",Verdana,"ＭＳ Ｐゴシック",sans-serif;
color: #333;
}
/* link color
=========================================*/
/* Hides from IE-mac \*/
a { overflow: hidden;}
/* End hide from IE-mac */
a:link { color: #33AFCF; text-decoration: underline;}
a:visited { color: #33AFCF; text-decoration: underline;}
a:hover { color: #94C5D2; text-decoration: none;}
a:active { color: #94C5D2; text-decoration: none;}
/* page-break
=========================================*/
.page-break { page-break-before: always;}
CSSを作るときに最初に書く指定って人それぞれだと思います。
だからこれがいいとか悪いとかはないと思いますが、人のものを見て参考にするのはボクもよくやっていたことなので参考になればと思います。
「ここで何やっているのかわからん」とか「これは何のために書いているのか」という質問があればもちろん答えます。
あと、こんな偉そうに書いてはいますがボクもまだまだ修行中の身なので何かご指摘があれば、意見交換できればと思いますので我こそはという方、宜しくお願いします。