13 文字スタイルパネルでテキストフォーマットを簡単に適用する - WEBの作業が楽になるテクニック総まとめ 第3回 | デザインってオモシロイ -MdN Design Interactive-

13 文字スタイルパネルでテキストフォーマットを簡単に適用する - WEBの作業が楽になるテクニック総まとめ 第3回

2024.4.29 MON

【サイトリニューアル!】新サイトはこちらMdNについて

WEBの作業が楽になるテクニック総まとめ 第3回



Tips 13
文字スタイルパネルで
テキストフォーマットを
簡単に適用する


文=こもりまさあき


Webサイトの視覚的な表現をつくり込み、フォーマットとして仕上げる段階では、あとの作業工程のことを考慮しページ内の各要素の文字サイズなどを正確に指定することがある。複数ページのテンプレートを作成する場合は、文字スタイルパネルを使い、あらかじめ要素ごとの文字スタイルを登録しておくことで、任意のテキストに対して指定したスタイルを1クリックで反映することが可能になる【1】。そのスタイル指示を基にCSSに反映すれば、ラフとの相違も最低限に抑えることができる【2】。

文字スタイルパネルを駆使すれば、テキストの指定作業も1クリックで行える
【1】文字スタイルパネルを駆使すれば、テキストの指定作業も1クリックで行える


情報ブロックの要素ごとにスタイルを登録しておけば、あとからの変更も楽になる
【2】情報ブロックの要素ごとにスタイルを登録しておけば、あとからの変更も楽になる



POINT 指定したスタイルはそのままCSSにする
【バックナンバー】WEBの作業が楽になるテクニック総まとめ >>> 第1回を見る >>> 第2回を見る
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在