Webプログラミングの講義3日目。
【講義内容】
- Webプログラミング
- CSS基礎
今日も講義の内容聞きつつ、参考書のシングルカラムページを模写した。
【ワンポイント】
コンテンツモデル
■ 7つのカテゴリ
| カテゴリ | 説明 |
|---|---|
| フロー | ほぼすべてのタグが属する |
| メタデータ | <head>内に書く要素群 |
| ヘッディング | 見出しを表す要素群 |
| セクショニング | 文書構造を作る要素群 |
| フレージング | 文章中に出現することのある要素群 |
| インタラクティブ | ユーザが操作できる要素群 |
| エンベディッド | 画像やオーディオを埋め込む各要素群 |
■ 文字サイズ
| 単位 | 説明 |
|---|---|
| px | ピクセル単位で指定 |
| % | 親要素の文字サイズ1文字分を100%として指定 |
| em | 親要素の文字サイズ1文字分を1emとして指定 |
| rem | ルート要素の文字サイズ1文字分を1remとして指定 |
| vw | viewport |
■ 詳細度
| 点数 | 説明 |
|---|---|
| 1000 | style属性で指定 |
| 100 | idで指定 |
| 10 | class，疑似class，属性で指定 |
| 1 | タグ，疑似要素で指定 |
【今日の積み上げ】
- Webプログラミング
