Erstellen Sie eine CSS-Datei in einer Webanwendung

January 17

Erstellen Sie eine CSS-Datei in einer Webanwendung

HTML war viele Jahre die primäre Sprache zum Erstellen und Formatieren von Webseiten verwendet. HTML ist heute noch für das Gesamtlayout der Inhalte auf einer Website erforderlich. Jedoch wurde seine Formatierungscode von Cascading Style Sheets (CSS) ersetzt. Es gibt viele Vorteile für CSS-Design. Wenn mehrere Web-Seiten dieselbe Formatierung freigeben, kann eine einzige CSS-Datei unter ihnen geteilt werden, Beseitigung der mühsam Kopieren der Formatierung Daten über jede Seite. Darüber hinaus bietet CSS deutlich mehr Kontrolle über die Formatierung Informationen, die von Designern mehr kreative Möglichkeiten. Eine CSS-Datei für eine Anwendung erstellen, ist ein einfacher Prozess.

Anweisungen

1 Erstellen Sie ein neues Textdokument. Verwenden Sie einen Text-Editor, die, den Sie wünschen. Windows Notepad ist eine zulässige freie Option.

2 Geben Sie den Namen eines HTML-Tags, die Sie in der CSS-Datei formatieren möchten. "Schriftart", "Absatz" und "Überschrift" Markierungen sind beispielsweise gemeinsame Entscheidungen für CSS-Formatierung. Sie geben nicht die Dreieck-Klammern für den Tag, wie in HTML. Also, um eine Formatierung Eintrag für das Tag "Absatz" zu erstellen, geben Sie einfach "p" statt "< p >". Bitte beachten Sie, dass doppelte Anführungszeichen nicht in den eigentlichen typisierten Inhalt enthalten sind.

3 Geben Sie einen Punkt, gefolgt von Ihren eigenen gewählten Namen dieser Formatierungselement beschriften. Es ist möglich, mehrere Variationen eines Tags zu haben, die für verschiedene Zwecke aufgerufen werden. Jede dieser bekommt eine eigene "Klasse". Beispielsweise könnten Sie "p" Namen Ihrer "p" Klasse geben, als "Test." Bitte beachten Sie, dass doppelte Anführungszeichen nicht in den eigentlichen typisierten Inhalt enthalten sind. Wenn Sie keine Klasse enthält, werden alle Instanzen von diesem Tag auf die gleiche Weise in jede Web-Seite formatiert werden, die die CSS-Datei verwendet.

4 Geben Sie eine öffnende geschweifte Klammer ("{") den Formatierungscode für das HTML-Tag starten Sie eingegeben haben. Bitte beachten Sie, dass doppelte Anführungszeichen nicht in den eigentlichen typisierten Inhalt enthalten sind.

5 Geben Sie den Namen eines Formatierung Attributs, gefolgt von einem Doppelpunkt, seine Einstellung und dann ein Semikolon. Beispielsweise für das Tag "p", die Sie geben könnte "Rand Links: 2px;" um anzugeben, dass der Absatz einen zwei Pixel Rand auf seiner linken Seite haben sollte. Bitte beachten Sie, dass doppelte Anführungszeichen nicht in den eigentlichen typisierten Inhalt enthalten sind.

6 Geben Sie eine schließende geschweifte Klammer ("}"), die Formatierung für diesen Tag zu beenden. Bitte beachten Sie, dass doppelte Anführungszeichen nicht in den eigentlichen typisierten Inhalt enthalten sind.

7 Speichern Sie die Datei unter einem beliebigen Namen, den Sie wünschen, den aber geben Sie ihm die Erweiterung "CSS".

8 Öffnen einer HTML-Seite für Ihre Website. Verwenden Sie einen Texteditor, damit den Code bearbeitet werden können.

9 Geben Sie die folgende Zeile in den Header der HTML-Seite. Dies ist der Abschnitt des HTML-Dokuments, das mit "< Head >" beginnt und endet mit "< / Head >". Diese Zeile muss zwischen diesen beiden Tags platziert werden: < link Rel = "Stylesheet" Type = "Text/Css" href="styles.css" >. Beachten Sie, dass in diesem Fall die doppelten Anführungszeichen erforderlich sind. Ersetzen Sie den Namen der CSS-Datei für die "styles.css" in diesem Beispiel. Sie haben jetzt eine CSS-Datei für Ihre Webanwendung erstellt. Der HTML-Code wird die angegebene Formatierung in diesem separaten Datei folgen.

Tipps & Warnungen

  • CSS bietet jedes HTML-Tag mit einer umfassenden anpassbare Attribute. Beispielsweise für das "p"-Tag, Sie legen Sie die Ränder auf allen vier Seiten des Absatzes, legen Sie ihren Einzug und Textfarbe und mehr. Sie müssen nicht alle möglichen Attribute angeben.