Basic HTML Manipulieren von Text

Hinweis: Die Nummern 7 und 8 werden von einigen Browsern hinzugefügt worden, aber diese sind nicht Teil des anerkannten HTML-Standard.







Überschrift Befehle erstellen schön, fett gedruckten Text, wie oben gezeigt, und sind sehr einfach zu bedienen. Es ist ein einfacher H # und / H # Befehl. Doch sie wollen allein sein.

Statt oben bei den Überschriften suchen und zu sehen, Text, möchte ich Ihnen eine imaginäre Box ziehen, um die Höhe des Textes und die Breite des Bildschirms.

So etwas wie diese tatsächlich:

Hallo

Die Überschrift nimmt die gesamte Breite zur Verfügung, um es nach oben.

Dies liegt daran, wie der P-Tag, es ist ein Block-Level-Element ist. Das bedeutet, es mag eine Blockform auf Ihrer Seite zu sein, und es werden neue Linien um sich selbst zu starten. Es wird über die gesamte Breite des Bildschirms, wenn Sie nichts anderes angeben.

Die andere Option ist ein Inline-Element. Diese hier schaffen keine neuen Linien um sich. Wenn Sie erraten Starke und Em fiel in diese Kategorie dann bist du wirklich den Dreh dieses bekommen!

In-line sollen Elemente immer in einem Block-Level-Elemente enthalten sein.

Sobald Sie ein wenig CSS in ein paar der nächsten Primer lernen, werden Sie in der Lage sein, sie zu gestalten, genau zu erscheinen, wie Sie wollen.

Schriftgröße Befehle

So verwenden CSS alles, was wir brauchen, ist die Art Attribut:

Dies ist ein Inline-CSS-Stil genannt.

Wir haben gerade verwendet, was Ich mag innerhalb eines Befehls einen Befehl aufzurufen. Der technische HTML Begriff ist ein „Attribut“. Der Absatz-Tag hat ein Attribut namens Stil, und das enthält einige CSS.







Die CSS wird mit Property gebildet: Wert;

Die Eigenschaft könnte der font-size, die Farbe, die Grenze usw., und der Wert ist der Wert, den Sie diese Eigenschaft will zu übernehmen. Das Anwesen ist von dem Wert, der durch einen Doppelpunkt getrennt, und ein Semikolon verwendet wird, um zu zeigen, dass die CSS-Eigenschaft ist abgeschlossen.

Ich habe Prozentsatz verwendet, um meine Schriftgrößen zu definieren. Offensichtlich können Sie verwenden, um Werte größer oder kleiner als 100% zu vergrößern oder die Größe zu reduzieren, aber wenn Sie etwas Zeit mitbringen, es gibt viele verschiedene Möglichkeiten, wie Sie die Größe steuern:

Es gibt keine richtige oder falsche Antwort, die man am besten ist, so etwas experimentieren und sehen, was Sie am besten gefällt. Das einzige, was sich bewusst ist, dass Pixelwerte (wie 14px) für Menschen mit Sehschwäche in Internet Explorer nicht einstellbar sind, die ihren Text größer mögen. Aus diesem Grund Prozent- und ‚em das könnte besser sein für die Zugänglichkeit Gründen.

Es gibt viele Dinge, die Sie mit CSS tun vielleicht gefallen, eine davon ist die Schriftfarbe. Hier ist ein Beispiel mit zwei CSS-Stile angewendet werden:

Zwei Arten angewendet!

Wenn Sie nur die Änderung der Schriftgröße auf ein einzelnes Wort oder einen Satz anwenden wollten, könnte man das Stil-Attribut in einen starken oder em-Tag setzen:

Ein großes Wort in FETT GEDRUCKT

Zentrieren Text

Da Sie bereits einige Schreiben Sie getan haben, haben festgestellt, kein Zweifel, dass der Text, der im Browser-Fenster erscheint auf der linken Seite des Bildschirms gerechtfertigt war. Das ist, was als Standard bekannt ist. Es passiert einfach ohne jede besondere Begründung angeben.

Was passiert, wenn Sie die Ausrichtung ändern möchten?

Beachten Sie, dass dieser Text auf der Seite zentriert ist. Es wird durch die Anwendung der CSS getan "text-align: center;".

Hier ist, wie es aussieht:


Alle Texte hier wird zentriert

Text rechts


Alle Texte hier wird richtig ausgerichtet sind.

Und diese Lektion zu Ende geht! Beachten sie immer kürzer? Nun gehen und ein paar dieser Rubrik Befehle integrieren, zusammen mit ein paar Brocken von CSS in eine Seite. Zu tun ist, zu lernen. Ein brillanter Mann sagte einmal, dass. Ich glaube, er einen Bart hatte, auch.







In Verbindung stehende Artikel