DTP Booster 016

杏珠（デジタル寅さん） @powerangix

line-heightは行送り #dtpbooster016

杏珠（デジタル寅さん） @powerangix

プロパティと値のあとにセミコロンを必ずいれる。 #dtpbooster016

杏珠（デジタル寅さん） @powerangix

CSSのコメントの書き方 #dtpbooster016

杏珠（デジタル寅さん） @powerangix

/* */と表記。デバッグの時などにも使います #dtpbooster016

杏珠（デジタル寅さん） @powerangix

CSSはhtmlと別に書く必要がある link要素でCSSファイルを読み込む #dtpbooster016

杏珠（デジタル寅さん） @powerangix

CSSセレクターの話 #dtpbooster016

杏珠（デジタル寅さん） @powerangix

タイプセレクタ。要素が対象。 #dtpbooster016

杏珠（デジタル寅さん） @powerangix

子孫セレクタ 要素の中の子要素が対象。 #dtpbooster016

杏珠（デジタル寅さん） @powerangix

クラスセレクタ そのクラス名が指定された要素が対象 #dtpbooster016

杏珠（デジタル寅さん） @powerangix

IDセレクタ そのID名が指定された要素が対象。 #dtpbooster016

杏珠（デジタル寅さん） @powerangix

クラスIDの設定名には、英語から始めるというお約束事があり #dtpbooster016

杏珠（デジタル寅さん） @powerangix

デモファイルを使っての解説。 #dtpbooster016

杏珠（デジタル寅さん） @powerangix

使える画像はjpeg、gif、pngの3つ。RGB形式のみ #dtpbooster016

杏珠（デジタル寅さん） @powerangix

ボックスモデルの話 #dtpbooster016

杏珠（デジタル寅さん） @powerangix

マージンは外のアキ、パディングは内側のアキ #dtpbooster016

杏珠（デジタル寅さん） @powerangix

用意した文字原稿にhtml、bodyタグを先頭、文末に挿入。見出しのhタグを挿入。 #dtpbooster016

杏珠（デジタル寅さん） @powerangix

テキストファイルをdreamwerverにコピペ。 pタグが自動的につきました！ #dtpbooster016

杏珠（デジタル寅さん） @powerangix

必要な画像を挿入してhtmlマークアップ終了。次はCSSの設定。 #dtpbooster016

杏珠（デジタル寅さん） @powerangix

読み込ませたいCSSの設定。bodyの設定から #dtpbooster016

杏珠（デジタル寅さん） @powerangix

インデザインでスタイルのルールが分かっていれば、インデザインでいうスタイルとCSSがどれとどれが同じなのかが分かれば、構造が分かれば見えてくるところがあるかと(^ ^) #dtpbooster016

杏珠（デジタル寅さん） @powerangix

講演終了！鷹野さん、お疲れ様でした！ クリーク&リバーの方の説明。アンケートを引き換えにePubで使えるCSSコードの一覧の資料が貰えるみたいです。 #dtpbooster016

Shinichi Nishikawa @shinichiN

ちょっと変なものはみんななくなる感じなのかな？RT @ikedahidenori: その書き方たまにやるけどHTML5では非推奨らしい RT #dtpbooster016

渡鳥ジョニー@八ヶ岳 @jon_megane

ちょっとわかりづらいけど仕様的にはそういうことらしい。 http://bit.ly/cWfhTZ QT @shinichiN ちょっと変なものはみんななくなる感じ？QT @ikedahidenori: HTML5では非推奨 #dtpbooster016

lika watanabe @likawatanabe

DTP制作者のためのHTML & CSS入門へ参加。コマ切れの知識が一つの線でつながった感じ。お値打ちなのにまとまっていて、良いセミナーだったな～。珍しくまた参加したくなりました。 #dtpbooster016