Nun erkläre ich Euch den CSS-Editor von
Expression
Web, die Formatvorlage bekommst Du auf
Format >Neue Formatvorlag klickst.
So schaut die Formatvorlage aus.
Hier kommen später die verschieden Einträge die wir gemeinsam vornehmen werden. Klasse und ID.
Eine Klasse kannst du mehr mals benutzen und auch anlegen, z.B. Schriftarten, Schriftgrösse, Center, Bunte Schriften usw. eine Klasse sieht in der CSS so aus z.B. .schrift Eeine Id kann man nur einmal anlegen und einmal verweden z.B. #logo man kann jederzeit andere ID hinzufügen in der CSS Datei.
Eine externe Stylesheet Datei, die man CSS nennt kann in einer oder mehrere Webseiten eingefügt werden.
Wenn du nicht mit der externen css Datei arbeiten möchtest, EW fügt automatisch die interne Stylesheets in deiner Webseite in der Codeansicht hinzu.
Interne CSS Style werden im <head>Bereich des Dokumentes geschrieben.</head>
Siehe Codeansicht:
Hier werde ich Euch jetzt die interne Webseite mit css erklären.
Ich habe einen Hintergrund, eine weiße Farbe und einen Text "Hallöchen" geschrieben und zentriert 
schau mal was er im Code hinzugeschrieben hat. Stylesheet wird immer im Head geschrieben.
<style type="text/css">
.style1 {
text-align: center;
}
</style>
</head>
Im Body hat er mir die Hintergrundfarbe und die Textfarbe geschrieben.
Ich habe ein dunkelblau und eine weiße Schrift verwendet.
Er hat eine classe angelegt .style1 Text text-algin: center; Wenn du jetzt wieder einen Text zentriert haben möchte so kannst du das styles1 verwenden. Bei CSS Formatvolage siehst du styles1.
Solltest die CSS Formatvorlagen nicht sehen, bei Bereiche kannst du Formatvorlagen verwalten einschalten.
Bei dem Text Hallöchen hat er die class="style1"> vorgeschrieben, also wird hier eine class verwendet.
An deiner Stelle würde ich die Styles1 nicht so stehen lassen du verliert später den überblick, weil er dann für deine nächtes Class style2 dann kommt styles 3 usw.schreibt.
Ich sage die jetzt wie man es verändern.
Klicke auf style1 dann rechte Maustaste -Formatvorlage ändern
Formatvorlage ändern in Auswahl ändere das style1 auf center, klicke mal auf Block und du siehst in text-algin: center stehen. Klicke unten auf übernehmen und ok.
In der Formatvorlage hat es jetzt das center übernommen, aber noch nicht im Quellcode das machen wir jetzt.
Makiere jetzt .center rechte Maustaste Formatvorlage übernehmen, nun schaue in der Code ansicht und da steht jetzt in class center.
So sieht es jetzt aus, die class kannst du bei alle zentrierten Texten, Bilder usw verwenden.
Somit hast du dein 1. kurze Webseite mit css erstellt.
Css Extern:
Externe CSS Stylesheets verwendet man wenn du ein Projekt mit einheitlichen Webseiten gestalten möchtest. Wie sagt man so schön, weniger Arbeit.
Externe CSS-Style sind in einer eigene Datei mit der Datenendung *.css gespeichert.
Die CSS externe Datei kannst du hier einfügen, klicke auf den Link
Dieses Dialogfenster macht sich auf.
Klicke hier auf Durchsuchen und wählst die Style-Datei mit der Endung *.css
Die Akuelle Seite muß angeklickt sein.
Mit Ok läst du die CSS Datei im
<head>
<link href="mein.css" rel="stylesheet" type="text/css">
</head>
Du kannst ganz schnell wechsel vom Design zum Codebereich, Teilen heisst du siehst Webseite und Codebereich.
Zu den Externe *.css werden wir noch kommen.