So wählen Sie bestimmte Segmente für HTML5 und CSS3 Programmierung

Manchmal kann man nur bestimmte Segmente auf HTML5 und CSS3 Webseite auswählen möchten. Werfen Sie einen Blick darauf, wie Sie jemandem beziehen sollten, die nicht Ihre Web-Entwicklung Fähigkeiten nicht zu schätzen wissen.

Definieren von mehr als einer Art von Absatz

Abgesehen von seiner kulturellen Verdienst, diese Seite ist interessant, weil es drei verschiedene Absatzstile hat. Der einleitende Absatz ist normal. Das Zitat wird in kursiven Schrift gesetzt und die Zuschreibung ist dicktengleichen und rechts; ausgerichtet sind.

Das Zitat in den folgenden Code wurde von einer großen Website generiert: Die Shakespeare- Beleidigung Generator. Nichts ist befriedigender als jemand aus in jambischen Pentameter zu erzählen.

bild0.jpg
quote.html
Literatur Zitat des Tages
Wie man jemanden aus der noble Weise sagen:
[Du] ledern-Wams, Kristall-Taste, Knoten-pated, Achat-Ring, kotze-Strumpf, caddis-Strumpfband, glatt Sprache, Spanisch Beutel!
-William Shakespeare (Henry IV Teil I)

Styling identifiziert Absätze

Bis jetzt haben Sie CSS verwendet, um einen bestimmten Stil auf ein Element anzuwenden auf der ganzen Seite. Zum Beispiel können Sie einen Stil zum Tag hinzufügen, und dass Stil gilt für alle Absätze auf der Seite.

Manchmal (wie in der Shakespeare-Beleidigung Seite), möchten Sie ein Element mehr als eine Art zu geben. Sie können dies tun, indem jedes Element benennen und den Namen in der CSS-Stylesheet verwenden. So funktioniert das:

  1. Fügen Sie ein Ich würde Attribut jedes HTML-Element, das Sie ändern möchten.

  2. Machen Sie einen Stil in CSS.

    Verwenden Sie ein Pfund-Zeichen, gefolgt von der ID des Elements in CSS angeben Sie sprechen nicht von einem Tag-Typ mehr, sondern ein bestimmtes Element: Zum Beispiel enthält der CSS-Code den Wähler #attribution, Bedeutung, # 147-Wenden Sie diesen Stil auf ein Element mit der Zuschreibung ID # 148.

     #attribution {

  3. Fügen Sie den Stil.

    Erstellen Sie einen Stil für die benannten Element angezeigt wird. In diesem Fall möchten Sie den Absatz mit der Zuschreibung ID rechts; ausgerichtet sind, monospace, und ein wenig kleiner als normal. Dieser Stil wird nur auf das angegebene Element befestigt werden.

     #attribution {font: 80% Monospace-text-align: right;}

Der ID-Trick funktioniert auf jedem benannten Element. IDs sein müssen einzigartig, so ist diese Technik am besten, wenn Sie einen Stil haben Sie nur ein Element auf der Seite anwenden möchten. Es spielt keine Rolle, was HTML-Element ist. Wenn es hat die ID Zitat, das #Zitat Stil wird auf sie angewendet. Sie können beide ID-Selektoren und gewöhnliche Wähler im gleichen Stylesheet haben.

Ähnliche

Menü