CSS-Eigenschaften und -Werte in WordPress Zwanzig Fünfzehn - Dummies

CSS-Eigenschaften werden dem CSS-Selektornamen im Stylesheet Twenty Fifteen WordPress Theme zugewiesen. Sie müssen außerdem Werte für die CSS-Eigenschaften angeben, um die Stilelemente für den bestimmten CSS-Selektor zu definieren, mit dem Sie arbeiten.

Im standardmäßigen Twenty-Fifty-WordPress-Theme ist das Markup in Zeile 30 in der Header-Vorlage (header. Php). Diese Klasse mit dem Namen site-header bietet Styling für den Site-Header.

Im Standard Stylesheet Twenty Fifteen WordPress lautet das für die Site-Header-Klasse definierte CSS wie folgt:

. Site-Branding {min-Höhe: 2em; Polsterung rechts: 60px; position: relative;}

Auf jede CSS-Eigenschaft muss ein Doppelpunkt (:) folgen, und jedem CSS-Wert muss ein Semikolon (;) folgen.

Der CSS-Selektor ist. Site-Branding mit drei Eigenschaften:

• Die erste CSS-Eigenschaft ist min-height, die den Wert 2em hat…

• Die zweite CSS-Eigenschaft ist padding-right, die den Wert 60px hat;..

• Die dritte CSS-Eigenschaft ist position, die den Wert relativ hat…

Hier sind einige Beispiele für häufig verwendete CSS-Eigenschaften und -Werte.

CSS-Eigenschaft	CSS-Wert	Beispiele
Hintergrundfarbe	Definiert die Farbe des Hintergrunds (z. B. Rot, Schwarz oder Weiß).	Markup: CSS: #page {Hintergrundfarbe: Weiß}
Hintergrund	Definiert ein Hintergrundbild.	Markup: CSS: header # banner {hintergrund: url (images / header.jpg) no-repeat;}
font-family	Definiert die Schriftarten, die für den Selektor verwendet werden.	Markup: CSS: body {Schriftfamilie: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
Farbe	Definiert die Farbe des Textes.	Auszeichnung: Website Titel CSS: h1 {color: blue}
font-size	Definiert die Größe der für den Text verwendeten Schriftart.	Markup: Website Titel CSS: h1 {Schriftgröße: 18px;}
text-align	Definiert die Ausrichtung des Textes (links, zentriert, rechts oder begründet).	Markup: CSS: #wrapper {Textausrichtung: links;}