[第13回] 外部CSSにしてプログラムをコンパクトに整理しよう

本講座はvisualforceを使い、Salesforce帳票の作り方を学んでいく講座です。全13回の講義終了後、商談から帳票を出力できるようになる事をGoalとして講座を進めていきます。

メンバーシップ（Salesforceデベロッパープラン）加入者は無料でご覧いただくことが可能です。

第12回講義で、商品明細＋空行を合算して固定15行の請求明細を出力できるようになりました。

第13回講義は最終講義となります。
これまで作ったvisualforceページのコード量が大きくなったので、外部CSSを用意して、プログラムの整理をしたいと思います。

外部CSSの作成

opp_pdf.pageの<style>…</style>箇所がCSSに該当しますので、CSSファイルを作成して<style>…</style>箇所を移行していきます。

InvoiceStyle.cssの作成

これまでopp_pdf.pageにあった<style>…</style>の中身を切り取り、メモ帳などに張り付けましょう。