Cascading Style Sheet Basics in Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) verwendet Dreamweaver Cascading Style Sheets (CSS) Web-Seite Text zu formatieren und bietet auch Starter-Seiten, die Modell CSS-Layouts und Styling Hinweise haben.

Cascading Style Sheets (CSS) ist ein Standardverfahren für Styling-Text und andere Elemente auf Webseiten. Der leistungsstarke Stylesheet Design-Tool ermöglicht es Ihnen, Eigenschaften zuweisen und andere Seitenelemente schnell zu schreiben und alle Instanzen in ein paar einfachen Schritten zu aktualisieren. Der Name Cascading Style Sheets bezieht sich auf die Kaskadierung Regeln, die gelten, wenn mehrere Stile (und Stylesheets) zur gleichen Zeit verwendet werden.

Wenn Sie viele verschiedene Stile auf eine Seite anwenden, ob sie intern auf der Seite gebaut oder externen Stylesheets verbunden sind, können Konflikte haben. Konflikte treten auf, wenn zwei (oder mehr) Arten mit unterschiedlichen Eigenschaften zu demselben Element zuordnen.

wenn Sie in einem internen Stylesheet angeben, zum Beispiel, dass jede bolded Element blau ist, sondern ein externes Stylesheet weist den Browser jedes bolded Element als rot angezeigt werden, der Stil gewinnt? Die blaue Anweisung der internen Stylesheet gewinnt. Standardmäßig wird die Stylesheet-Webseite überschreibt die Standardwerte des Browsers.

Stylesheets sind konsistent in den meisten modernen Browser-Versionen, aber einige ältere Browser möglicherweise nicht konsistent zur Verfügung stellen (falls vorhanden) CSS-Unterstützung. Immer Vorschau-Seiten in mehreren Browsern oder benutzen Sie die Browserkompatibilität prüfen Schaltfläche (unter dem Browser überprüfen Kompatibilitätsliste auf der Dokument-Symbolleiste) CSS-Eigenschaften zu testen Sie gegen eine Vielzahl von Browsern und Versionen verwendet haben.

Dreamweaver CS5 verwendet Stylesheets (CSS) ausschließlich auf Text formatieren und nicht mehr bietet direkte Unterstützung für Tags Kaskadierung. Sie können immer noch Tags hinzufügen, wenn Sie unbedingt müssen durch Insert-Tag wählen.

Dreamweaver bietet CSS-Starter-Seiten, die CSS-Layouts zur Verfügung haben und die sind CSS nur in der Codeansicht sichtbar Hinweise. Finden Sie die CSS-Starter-Seiten, die von Datei-New-Leere Seite-HTML-Vorlage auswählen.

Hilfreiche CSS-Tipps werden in die CSS-Starter-Seiten gebaut.
Hilfreiche CSS-Tipps werden in die CSS-Starter-Seiten gebaut.

Menü