CSS-Rezension

Wichtige Punkte:
span.XXX{...}

Erstellen Sie eine tabellenlose Homepage
Stil
p{backgroundcolor:grey}
p{textindent:5em}
p{text-align:center}
p{font-family:sens serif} -style -image:url[xxx.jpg]} Listenlogo
table{border-collapse:1px solid blue} Tabelle mit einzelnem Rand
2. Box-Modell
*{margin:0;
rand :0 }
{padding-left:20%}
p{border-style:solid solid solid none}
p{margin:0.25in}
3.div h1 p wird Das Blockelement
span strong wird als Inline-Element bezeichnet (durch Setzen des Anzeigeattributs auf Block)
z. B.: (

Dieser Absatz enthält ein separates word )
Relative Positionierung zB: h2.pos_left
{ position:relative;
left:-20px }
Absoluter Positionierungsfluss
4
h2 {color:silver;}
Merge-Auswahl: body, h2, p, table, th, td, pre, strong, em {color:gray;}
Klassenauswahl:
< h1 class="important">
Diese Überschrift ist sehr wichtig.

Dieser Absatz ist sehr wichtig.

.important {color:red;}
ID-Selektor:

Dies ist ein Einführungsabsatz.

Einstellung #intro {font-weight:bold;}
Attributauswahl
Ich möchte alle Planetenelemente mit dem Mondattribut auswählen, sodass sie rot angezeigt werden, aber der Text des ersten Elements ist nicht rot
< ;planet>Venus
Erde
Der Nachkommenselektor
dreht den Text des em-Elements, das ein Nachkomme des h1-Elements ist Rot. Anderer Geviert-Text (z. B. Geviert in Absätzen oder Blockzitate) wird von dieser Regel nicht ausgewählt
h1 em {color:red;}
Untergeordnete Elemente auswählen
h1 >
Angrenzende Geschwister auswählen
h1 + p {margin-top:50px;}
Pseudoklasse (Doppelpunkt)
a:link {color: #FF0000}


p :first-child {font-weight: Bold;} Pseudo-elementp:first-letter
Die oben genannte CSS-Rezension, einschließlich ihrer Aspekte, wird hoffentlich für Freunde hilfreich sein, die sich für PHP-Tutorials interessieren.