Contribute TechNote
Contribute で CSS を使用する
カスケーディングスタイルシート (CSS) は、HTML と連携させ、ページの外観を定義するのに使用されている言語です。CSS は、ページエレメントをどのように表示させるかをブラウザに指定する、web 開発者やデザイナーによって定義されたルール群で構成されています。
CSS では、ページレイアウト、フォントサイズ、種類、色、ボーダー、その他のデザイン要素を指定できます。CSS は、HTML より多くのデザインであるだけでなく、web 開発者に一つの中心ファイルから web サイト全体の見た目を管理することができます。スタイルのルールを変更すると、サイトをめぐって自動的に適応されます。
CSS スタイルの種類の概要
主だった 3 種類のスタイルがあります。それらは以下の通りです。
- カスタムクラス： 例えば段落やテーブルといったような、とあるページ要素に適応できるスタイルです。これらは Contribute ユーザーも使用可能です。
- HTML タグの再定義： 特定のタグを定義するルールです。自動的にそのタグが使用されている場合全てに適応されます。例えば、開発者は、そのサイトのテーブル全てが 2 ピクセルで赤いボーダーを持つよう指定できます。全ての新しく作成されるテーブルも、自動的にそのルールが適応されます。
- CSS セレクタ： セレクタは、特定のタグのコンビネーションのスタイルを指定するのに使用されます。例えば、セレクタは、リンクから下線を取り除くのに使用されます。HTML タグの再定義のように、セレクタルールの全ての当てはまる場合に自動的に適応されます。
上記のように、カスタムクラスは Contribute ユーザーが使用できる唯一の CSS スタイルです。それ以外の種類は、タグに全体的に適応されているからです。カスタムクラスを、Contribute ユーザーは、定義済みのクラスのリストから選択でき、希望の要素に適応できます。
Contribute ユーザーは、CSS ファイルを作成することはできません。しかし、Dreamweaver の管理者にページにリンクされたカスタムクラスを使用することができます。Dreamweaver で一度ページにリンクされたら、カスタムクラスは、スタイルのドロップダウンメニューから使用可能になります。
カスタムクラスを適応する
カスタムクラスを適応するには。
- スタイルを適応したおページ要素を選択します。
スタイルドロップダウンメニュー (上図) をクリックし、希望のスタイルを選択します。選択していた部分に自動的に適応されます。
メモ： スタイルオプションは、[フォーマット]-[スタイル] メニューからも利用できます。
- クラスを削除するには、先ほどの選択部分を選択し、スタイルドロップダウンメニューから [スタイルの削除] を選択します。
追加情報
CSS についての追加情報は、以下の web ページを参照ください。
- CSS 概要 (TechNote 15230)
- Dreamweaver の CSS 機能について デベロッパーセンター
| 最終更新日： | 2006年1月30日 |
|---|
TechNote 詳細
| ID: | tn_16583 |
|---|---|
| Product: | Contribute、Dreamweaver. Studio |
| Versions: | all |
