cssファイルの読み込み
- .cssファイルが3つ程度であれば、HTMLファイルのhead内で個別に読み込む
- 数が多い場合は、@importを使用する
改行
- セレクタ、プロパティが1つの場合は1行に記述できる
ex)
.red { color: #f03; }
ex)
.btn_order,
.btn_login {
padding: 5px;
background: #eee;
border: 1px solid #ccc;
}
調節用css
- marginやpaddingの調節に使用するcssは社内共通のファイルを共有し使用する
font-sizeの指定
- PCサイトでは"em"、SPサイトでは"rem"を推奨する
※"px"はブラウザ固有の機能である文字の縮小拡大がきかないものがあるので、使用しない
このテクニックはベースフォントとしてbodyに「%」を使ってサイズを指定します。デフォルトの16pxの代わりに、1emが10pxになるように調整します。フォントのサイズを14pxにするためには、1.4emをセットします。
body {
font-size: 62.5%;
}
最終更新：2014年04月23日 12:24
