PAGE 2011『DTP制作者のための EPUBのXHTML+CSS編集』セッションフォローアップ(2)

この記事は鷹野雅弘によって執筆されました。
公開日:2011年2月 6日、更新日:2016年2月 6日
 

PAGE 2011でのセミナー終了後に、リクエストいただいたので、ePub編集を行う上で最低限覚えておきたいタグなどをリストアップしてみました。

最低限覚えておきたいHTMLのタグ

ブロックレベル要素は「段落スタイル」、インライン要素は「文字スタイル」にあたります。

ePubで使えるHTMLのタグはこちらに定義されています。

種類カテゴリタグ読み方意味由来
ブロックレベル骨組みhtmlエイチティーエムエル-
head ヘッド-
bodyボディ-
テキストh1〜h6エイチ見出しheading
pピー段落paragraph
divディブ任意の範囲、グループ化division
リストulユーエル

番号なしテキスト
(箇条書き)

unordered list
olオーエル番号付きテキストordered list
liリストの項目list item
その他tableテーブル-
インライン強調emエム強調 emphasis
strongストロングより強調-
その他aエー(アンカー)リンク箇所anchor
brビーアール改行(段落内)line break
imgイメージ画像image
spanスパン汎用的に使用-

最低限覚えておきたいCSSのプロパティ

ePubで使えるCSSのプロパティはこちらに定義されています。

カテゴリ項目名ざっくりした意味
文字まわりfont-familyフォント
font-sizeサイズ
font-weightウエイト
font-styleスタイル(斜体/正体)
line-height行送り
text-decoration下線や取消線
color文字の色
 letter-spacing文字間隔
text-align行揃え
text-indent1行目のインデント
要素background-color背景色
 width
height高さ
float回り込み
padding内側の余白
margin外側の余白
ボーダーborder-style枠線のスタイル
border-width枠線の幅
border-color枠線のカラー

そのほか、CSSをやっつける上では次のあたりがポイントになります。

DW_cover160.jpg

  • CSSの記述場所
  • CSSの構文
  • CSSセレクター
  • ボックスモデル(padding/margin/borderの関係と計算方法)
  • CSSリセット
  • 優先順位(継承、詳細度)

効率的なサイト制作のためのDreamweaverの教科書』では、Lecture 5-1から5-8(pp.96-121)をご参照ください。

YouTube

DTP TransitのYouTubeチャンネルです。1分前後のクイックTipsを投稿しています。

チャンネル登録

Twitter

本サイトの記事以外に、小ネタやタイムリーな話題などをツイートしています。

マンスリーでまとめています。

このページの上部に戻る