ビデオ: Dreamweaver 使い方講座(ドリームウィーバーMX2004) 下巻 第7章 CSS(カスケーディング・スタイルシート)【動学.tv】8/8 2024
Adobe Creative Suite 5(Adobe CS5)Dreamweaverでは Cascading Style Sheets(CSS) を使用してWebページテキストを書式設定し、モデルCSSレイアウトとスタイリングのヒントがあります。
カスケーディングスタイルシート(CSS)の使用は、ウェブページ上のテキストやその他の要素をスタイリングするための標準的な方法です。強力なスタイルシートデザインツールを使用すると、タイプや他のページ要素にプロパティを素早く割り当てたり、簡単な手順ですべてのインスタンスを更新したりできます。 Cascading Style Sheetsという名前は、複数のスタイル(およびスタイルシート)が同時に使用されるときに適用されるカスケード規則を指します。
<! - 1 - >ページに多くの異なるスタイルを適用する場合、それらがページ上に内部的に構築されているか、外部スタイルシートにリンクされているかにかかわらず、競合する可能性があります。競合は、2つ(またはそれ以上)のスタイルが同じ要素に異なるプロパティを割り当てるときに発生します。
たとえば、内部スタイルシートで太字の要素が青色であるが、外部スタイルシートがブラウザに太字の要素を赤色で表示するように指示する場合、どのスタイルが勝ちますか?内部スタイルシートの青い命令が勝ちます。デフォルトでは、Webページのスタイルシートはブラウザのデフォルト値を上書きします。
<!スタイルシートはほとんどの最新のブラウザのバージョンで一貫していますが、古いブラウザの中には、CSSのサポートが一貫していないものもあります。複数のブラウザで常にページをプレビューするか、ドキュメントツールバーのブラウザの互換性チェックリストにあるブラウザの互換性チェックボタンを使用して、さまざまなブラウザやバージョンに対して使用したCSSプロパティをテストします。Dreamweaver CS5では、カスケードスタイルシート(CSS)のみを使用してテキストの書式を設定し、タグを直接サポートしなくなりました。絶対に必要な場合は、[挿入]→[タグ]を選択してタグを追加することもできます。
<! - 3 - >
DreamweaverにはCSSレイアウトがあり、コードビューでのみ表示できるCSSヒントが含まれているCSSスターターページが用意されています。 「ファイル」→「新規」→「空白ページ」→「HTMLテンプレート」を選択して、CSSのスターターページを探します。CSSのヒントはCSSスターターページに組み込まれています。