12月の授業日記
11/27 スタイルシート
HTMLとスタイルシートの役割の違い
言語 | 役割 |
html | 文章の構造を定義 |
スタイルシート | 文章の見栄えを制御 |
スタイルシートの基本書式
セレクタ{属性:値}
記述上の注意事項
- 大文字小文字は区別される
- 改行位置を変えない
- 複数の属性は;(セミコロン)でつなげる
htmlへの組み込み
- タグ内にstyle属性の属性値として組み込む
- ヘッダ部
- <style>〜</style>内
- コメントタグ<!--〜-->ではさむ
セレクタ
- スタイルを適用させる対象
- セレクタでタグを指定するとタグ自体の見栄えを定義できる
- タグに適用させるにはタグが出現する前=ヘッダ部
今日のひとこと
文字が多くて大変です
覚えることも多いのでテストが不安です。
12/11 ボックスモデルによるレイアウト
今日のひとこと
いろいろ複雑になってきました。
でもいろんなレイアウトにできるのは楽しいです。