スタイルシートの設定

トップ > チップス > スタイルシートの設定
2012-02-13, style

/tips/lumber/acorn/style **スナップのスタイルをカスタマイズする 様々なタイプのスナップに独自のスタイルを適用させる手順を説明します。

まず、多くのスナップは以下の例のように、スナップ自身が出力するHTMLの最上位（またはそれに近い）要素に自分自身のクラス名が定義されています。その中に必要に応じて各装飾用のクラス名が定義されています。 : : : : 出力されたHTMLを見ながらクラス名をリストすることも可能ですが、FireFoxのDOMインスペクタやアドオンであるFireBugの「Inspect」機能を利用すると、画面をクリックするだけで該当するHTMLを確認できるので便利です。 参考：{link:/tips/other/firefoxMisc,FireFoxチップス}

次に、手前のステップで抜き出したスタイルを定義します。以下のように、独自のCSSファイルを生成しリンクするか、または既存のCSSに追記します。 xxx.css :table.XXXSnap{ : : :} : :table.XXXSnap th.title{ : : :}

index.jsp :

以上でスタイルの設定は完了です。

この記事は役に立ちましたか？


タイトル :
...