Der kursiv HTML-Grenze verschwindet

Grenzen auf Ihre HTML-Elemente anwenden, hilft wie Bilder oder Zitate, um das Objekt vom Rest Ihrer Website, die ähnlich wie die Aufmerksamkeit des Lesers zu einem Wort oder Ausdruck Kursivdruck Text zeichnet zu unterscheiden. Können Sie eine Kombination aus kursiv und Grenzen auf normalem Text, Listen oder Links, und diese Formate sollten zusammenarbeiten. Ungültige Syntax oder Organisation kann jedoch Konflikte, wie eine Grenze verschwinden führen.

Kursivdruck von HTML

Wenn Sie Text auf Ihrer Website kursiv formatieren möchten, würde umgeben Sie den Text mit dem "< i >" Tag wie im folgenden Beispiel:

< i > dieser Text wird kursiv. </i > sein

Sie können auch das neuere "< Em >"-Tag, die Browsern gleicher schräge Aufmachung dargestellt werden. Standardmäßig gibt es keine andere effektive gerenderter Text mit jedem Tag.

CSS-Styling

Um Grenzen Ihren kursiv oder hervorgehobenen Text hinzuzufügen, müssen Sie Code ähnlich dem folgenden in Ihrer externen Stylesheet oder CSS-Abschnitt des Kopfes des Dokuments einfügen.

Ich {Border: 1px solid Red}

Mit dem "i" tag-Selektor unterwiesen alle kursiv formatierten Text auf einen soliden, roten Rahmen haben, 1 Pixel breit ist. Dies kann zusätzliche Betonung auf Ihrem kursiven Text hinzufügen, vor allem, wenn Ihre Website eine Schriftart, die viel unterscheiden sich nicht verwendet, wenn kursiv formatiert.

Verschwindenden Grenzen

Wenn das Stylesheet zwei Regeln für kursiv verwendet oder Text unterstrichen, wird die Regel näher am unteren Rand das Stylesheet Vorrang. Wenn dieser Abschnitt keine Grenze enthält, kann der Rahmen verschwinden. Wenn der zweite Abschnitt die Grenze als "keine" oder "0" explizit definiert, wird ohne Rahmen angezeigt, selbst wenn Sie es zuvor in Ihrem Stylesheet codiert. Beachten Sie, dass einige Elemente mit CSS aber nicht HTML anzeigen können. Z. B. Überschriften 1 bis 6 und Blockquotes verwenden diese Regel und einen Rahmen nicht angezeigt, wenn Sie Syntax wie "< h1 Border ="1">". Wird kein Rahmen angezeigt, ob Sie auch die Überschrift kursiv oder nicht.

Lösung

Verwenden Sie jeder Selektor nur einmal wenn Sie CSS verwenden, um HTML zu formatieren. Kombinieren Sie die Selektor-Blöcke in einen Block, wenn zutreffend. Wenn nötig, Sie bestimmte Stile zwingen können mit erscheinen der "! wichtig" Attribut wie folgt:

Ich {Border: 1px leuchtet rot; Schriftschnitt: kursiv! wichtig}

Auch wenn andere Code oder den Browser auf kursiver Text überschreiben würde, Hinzufügen der "! wichtig"-Attribut zwingt er immer angezeigt werden.