CSSのはなし①

pizza_jp#13

Transcript

1. CSSのはなし①
2. CSSって何か知ってますか？
3. Cascading Style Sheets
4. 構造化文書にスタイルを 付加できるようにする スタイルシート言語
5. 構造化文書 = HTMLとか
6. スタイル = 文字色とか
7. つまり
8. HTMLとかに文字色とかを 付加できるようにする スタイルシート言語
9. Cascading...？
11. つまり
12. スタイルが設定された順に 流れるように引き継がれて 適用される
13. プロパティの最終値は 4段階の計算結果
14. 優先順に基づいて プロパティに指定値を割り当てる
15. 指定値はカスケード処理時に 算出値に解決する
16. 算出値から依存関係を 解決した結果を使用値とする
17. 最終的にローカル環境の制限に 応じて変換されたものが実効値
18. 具体的に説明
19. body { font-size: 30pt; } h1 { font-size: 200%; } <h1>A <em>large</em> heading</h1>
20. .red { color: red; } .blue { color: blue; } <p class="red">page <a href="/">link</a> Red</p> <p class="blue">page <a href="/">link</a> Blue</p>
21. .red { color: red; } .blue { color: blue; } a { color: inherit; } <p class="red">page <a href="/">link</a> Red</p> <p class="blue">page <a href="/">link</a> Blue</p>
22. おわり ※ 次回はもっとがんばります。