見出し1
見出し2
見出し3
見出し4
見出し5
見出し6
↑↑↑水平線↓↓↓
画像
インターネットで扱う画像
・GIF形式:256色表現できる。特定の色を透明にできる。イラスト向き。拡張子.gif
・JGP形式:約1670万色表現できる。写真向き。拡張子.jpg または.jpeg
・PNG形式:最大約280兆色まで表現できる。
※Internet Explorer6までアルファチャンネル(透過度情報を保存するデータ領域)
を持つPNG画像を正しく描画できない。
あいうえおかきくけこさしすせそ
たちつてとなにぬねのはひふへほ
ヘッダーセル | 見出しセル | Excelでいう列見出し |
---|---|---|
データセル | 単なるセル | 文字列や画像も配置できる |
データセル | 単なるセル | 文字列や画像も配置できる |
◆Unordered List
順不同リスト。
ブロックレベル要素。
リストは入れ子(ネスト)OK。
◆Ordered List
順序リスト。
ブロックレベル要素。
リストは入れ子(ネスト)OK。
- List Item 1
- List Item 2
- List Item 3
- List Item 4
◆Definition List
定義リスト。
ブロックレベル要素。
dl要素は辞書のような形のリストで、
用語(dt要素)とその定義(dd要素)からなります。
<dl>で始め、これらの要素を列挙して</dl>で閉じます。
入れ子(ネスト)不可。
- 春
- 眠くなる季節
- 夏
- 暑い季節
- 秋
- 夜が長い季節
- 冬
- 寒い季節
★CSSの優先順位をdt・dd横並び(float)で表現
- a:
- style属性による指定なら1(そうでなければ0)
- b:
- セレクタ内のid(#○○○)セレクタの数
- c:
- セレクタ内のclassセレクタ・属性セレクタ・擬似クラスの数
- d:
- セレクタ内の要素名と擬似要素の数
セレクタ | a b c d | 固有性 |
---|---|---|
style属性 | 1 0 0 0 | 1000 |
div#header h1 | 0 1 0 2 | 0102 |
#header h1 | 0 1 0 1 | 0101 |
div.header h1 | 0 0 1 2 | 0012 |
.header h1 | 0 0 1 1 | 0011 |
div h1 | 0 0 0 2 | 0002 |
h1 | 0 0 0 1 | 0001 |
* | 0 0 0 0 | 0000 |
※ポイントが同じ場合、後に書いたスタイルが優先される。
※「!important」を記述すると最優先されるが、
修正等の際にわかりにくくなりがちなため多様は避けたい。
※属性セレクタ
要素名[属性名] { プロパティ: 値; }
要素名[属性名="値"] { プロパティ: 値; }
のように記述。
参考:
http://allabout.co.jp/gm/gc/23913/
※擬似クラス
:link
:visited
:hover
:active(※link-visited-hover-activeの順で記述)
等
※擬似要素
:first-letter(ブロックレベル要素の最初の文字を対象にスタイルを適用)
:first-line(ブロックレベル要素の最初の行を対象にスタイルを適用)
等