Latest web development tutorials

HTML CSS

CSS (Cascading Style Sheets) für die Darstellung von HTML-Element-Tag-Stil.

Schauen Sie! Styles und Farben

manipulieren Text
Farben, Boxen
und mehr ...


Versuchen »


Beispiele

Versuchen Sie - Beispiel

HTML - Stil mit
Dieses Beispiel zeigt, wie die Informationen zu verwenden, um den Stil <head> Abschnitt der HTML-Format hinzuzufügen.

Dieses Beispiel zeigt , wie ein Stil - Attribut zu verwenden , keine Links unterstreichen.
Wie die Eigenschaft zu verwenden, um einen Stil nicht unterstrichene Links zu machen.

Link zu einer externen Stylesheet
Dieses Beispiel zeigt, wie Stichworte Link zu einem externen Stylesheet.


Wie Verwenden von CSS

In HTML 4 wird CSS verwendet, um besser zu HTML-Elemente eingeführt machen.

CSS kann auf folgende Weise zu HTML hinzugefügt werden:

  • Inline - Stil - Verwendung "style" -Attribut in HTML - Elemente
  • Interne Stylesheets - an der Spitze eines HTML - Dokuments <head> Bereich mit dem Element <style> CSS enthalten
  • Externe Referenz - Verwenden Sie externe CSS - Datei

Der beste Weg ist durch eine externe CSS-Datei verweist.

In dieser Website HTML-Tutorial verwenden wir Inline-CSS-Stile eine Instanz einzuführen, die das Beispiel zu vereinfachen, sondern macht es auch einfacher für Sie den Code online und Online-laufende Instanz zu bearbeiten.

Sie können CSS Tutorial - Website, CSS Tutorial mehr CSS Wissen zu lernen.


Inline-Stil

Bei besonderen Stil auf einzelne Elemente angewendet werden muss, können Sie Inline-Styles verwenden. Verwenden Sie Inline-Stil ist der Stil-Attribut in dem betreffenden Tag zu verwenden. Style-Attribut kann jede CSS-Eigenschaft enthalten. Das folgende Beispiel zeigt, wie die Farbe des Absatzes zu ändern und am linken Rand.

<p style="color:blue;margin-left:20px;">This is a paragraph.</p>

Erfahren Sie mehr Arten, besuchen Sie bitte CSS Tutorial .


HTML-Art-Beispiel - Hintergrundfarbe

Hintergrundfarbe Hintergrundfarbe Attribut (background-color) definieren ein Element:

Beispiele

< body style = " background-color:yellow; " > < h2 style = " background-color:red; " > 这是一个标题 </ h2 > < p style = " background-color:green; " > 这是一个段落。 </ p > </ body >

Versuchen »

Frühe Hintergrundfarbe Attribut (background-color) ist das Attribut bgcolor Definition zu verwenden.

Versuchen: Ältere HTML den Hintergrund - Modus einzustellen


HTML-Stil Beispiel - Schriftart, Schriftfarbe, Schriftgröße

Wir können die font-family (Schriftart) verwenden, Farbe (Farbe) und font-size (Schriftgröße), um den Stil zu definieren der Schriftattribute:

Beispiele

< h1 style = " font-family:verdana; " > 一个标题 </ h1 > < p style = " font-family:arial;color:red;font-size:20px; " > 一个段落。 </ p >

Versuchen »

Jetzt häufig verwendete font-family (Schriftart), Farbe (Farbe) und font-size (Schriftgröße) Attribute Textstile zu definieren, anstatt die <font> Tag.


HTML-Stil Beispiel - Textausrichtung

Verwenden Sie text-align (Textausrichtung) Ebene Attribut gibt die vertikale Ausrichtung des Textes:

Beispiele

< h1 style = " text-align:center; " > 居中对齐的标题 </ h1 > < p > 这是一个段落。 </ p >

Versuchen »

Text-align Eigenschaft text-align ersetzen das alte Etikett <center>.

versuchen


Interne Stylesheet

Wenn eine einzelne Datei besonderen Stil erfordert, können Sie ein internes Stylesheet verwenden. Sie können <head> Abschnitt von <style> Tag definiert Blatt interne Stil:

<Head>
<Style type = "text / css">
body {background-color: gelb;}
p {color: blue;}
</ Style>
</ Head>


Externe Stylesheet

Wenn der Stil in vielen Seiten angewendet werden muss, würde die externen Stylesheet die ideale Wahl. Verwenden Sie externe Stylesheet können Sie eine Datei ändern das Aussehen der gesamten Website zu ändern.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>


HTML-Stil-Tags

标签 描述
<style> 定义文本样式
<link> 定义资源引用地址


Veraltete Tags und Attribute

In HTML 4 haben die ursprüngliche Unterstützung benutzerdefinierte HTML-Element-Stil-Tags und Attribute veraltet. Diese Etiketten werden nicht die neue Version von HTML-Tags unterstützen.

Veraltete Labels: <font>, <center>, <strike>

Veraltete Attribute: Farbe und bgcolor.