P88 3-2 CSSとは
CSSは何の略？
Cascading Style Sheets
P89 3-2 CSSを適用させる方法
方法何個ある？
３つ
一つ目（一番便利な）は？
CSSファイルのリンクをヘッドタグの要素内に貼る
どうファイルを貼る？
<link rel=”stylesheet” href=”CSSフィルのパス”>
２つ目は？
ヘッドタグの要素内、<style>タグでcssコードを書く
どう書く？
<style> Cssコード</style>
３つ目は？
各HTMLタグに属性をしてする
どう指定する？
style属性に値を書いていく
EX:<h1 style=”color: #f00;”>youso<\h1>
２，３番目方法のデメリット
個別ページしか反映できず、まとめて管理できない
P92 3-3 CSSファイルの作り方
CSSファイル一行目に書くもの？
@charset “UTF-8”;
bodyカラ、h1の色、pのサイズを指定してみよう
@charset “UTF-8”;
body {background-color: #fffeee;}
h1{color: #0bd;}
p{font-size: 20px;}
CSSファイル命名時のルール
日本語、スペース使えない。拡張子css
P93 3-4 CSSの基本的な書き方
Cssコードのパーツ三つ
セレクター｛プロパティ: 値;}
複数セレクターをどう指定？
,カンマーで区切る
例: h1,p { color:red;}
複数のプロパティをどう指定？
;セミコロンで区切る
例: p{ color: red; font-size: 20px;}
数値などのプロパティを指定するとき何が必要？
値の単位
単位px（ピクセル）の意味？
画面上の最小単位（１ピクセル）が何個あるか
単位％の意味は？
親要素の単位の何パーセントになるのか
単位remの意味は？
ルート(HTML)のフォントサイトを１として考える単位
相対単位%, remの特徴は？
基準となる要素のサイズによって変動する
複数の同名HTMLタグの中から特定のセレクターを選び出すには？
<div></div>でタグを囲んで、CSSのセレクター前にdivを足す
コメント