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 { ~ }
}

次の記事

CSS 属性一覧