CSS 基本

CSS適用方法

外部CSSファイルの読み込み

<link rel="stylesheet" href="test\test.css">

スタイル要素内に定義

<style>
　～
<style>

スタイル属性内に定義

<div style="～">
　～
</div>

@ルール

@charset

外部CSSファイル限定、先頭行限定

文字コードの指定
@charset "shift_JIS"

@import

他外部CSSファイルの取り込み

@import url("test\test.css");
または@import "test\test.css";

@media

PC用設定
@media screen {
　.test { ～ }
}

PC(モバイル)用設定
@media screen and (max-width: ～px){
　.test { ～ }
}
PC/モバイルの切り替えは「CSS レスポンシブ」参照

印刷用設定
@media print {
　.test { ～ }
}