CSS nicht festgelegt
In diesem Tutorial werden wir diesen nicht festgelegten Wert in unserem CSS -Code verwenden und vorstellen, wie er funktioniert. Wir werden Beispiele untersuchen, in denen wir einige Eigenschaften anwenden, und dann das „Unbestimmt“ für Absorien- oder Rückgängigkeitseigenschaften verwenden.”
Beispiel 1
Wir werden mit dem Schreiben von HTML beginnen, indem wir eine neue Datei im Visual Studio -Code erstellen und HTML als Sprache auswählen. Die Datei wurde generiert und wir müssen jetzt nur noch die “anhängen“!Markieren Sie, um die grundlegenden Tags zu erhalten. Durch das Drücken von „Eingabetaste“ werden alle grundlegenden Tags der HTML angezeigt. Der Körper ist der Abschnitt, aus dem wir anfangen zu codieren. Wir legen einfach eine Überschrift "H1" und einen Absatz "P" in den Körper. Wir bieten auch einen Link zur CSS -Datei in der „Kopf“ in dieser HTML -Vorlage an. Sehen Sie sich an, wie dieser nicht festgelegte Wert in CSS funktioniert.
Wir werden sowohl die Überschrift als auch den Absatz stylen. Wir setzen die Überschrift "Schriftfamilie" zuerst und wählen dafür "Calibri" aus. Wir ändern auch seine „Farbe“ und setzen dafür „rot“. Jetzt haben wir auch einen Absatz und hier ändern wir nur die „Farbe“ des Absatzes. Jetzt wollen wir die Farbe des Absatzes rückgängig machen. Dafür verwenden wir den "uneingestellten" Wert für die "Farbe" des Absatzes, sodass diese "grüne" Farbe nicht auf den Text des Absatzes angewendet wird.
Die Ausgabe zeigt, dass die Farbe des Kopfes und die Schriftfamilie geändert werden, aber die Farbe des Absatzes bleibt unverändert. Hier können Sie sehen, dass die grüne Farbe hier nicht auf den Text des Absatzes angewendet wird, da wir die Farbeigenschaft des Absatzes nicht festlegen.
Beispiel 2
Wir verwenden den gleichen HTML -Code, den wir in unserem vorherigen Beispiel erstellt haben. Wir stylen die Überschrift, indem wir zwei Eigenschaften verwenden. Einer von ihnen ist die Eigenschaft „Schriftfamilie“, und wir setzen diese Eigenschaft als „algerisch“.Die zweite Eigenschaft, die wir hier für die Überschrift verwenden. Wir wenden hier auch mehrere Eigenschaften auf den Absatz an. Die "Farbe" dieses Absatzes ist "grün" und die Größe der Schriftart des Absatzes "24px". Wir verwenden auch die „Times New Roman“ als „Schriftfamilie“."Wir verwenden die Eigenschaft" Textdekoration ", um die Unterstreichung für die Überschrift zu generieren. Wir setzen den Wert "Textdekoration" als "Unterstreich".”
Jetzt verwenden wir das Schlüsselwort "Fett" für das "Schriftgewicht" und stimmen diesen Absatz im „Zentrum“ durch die Verwendung der Eigenschaft „Text-Align“ aus. Aber jetzt möchten wir nicht all diese Eigenschaften auf unseren Absatz anwenden. Anstatt alle Eigenschaften separat zu schreiben und dann den Wert "nicht fester" für jede Eigenschaft zu verwenden, setzen wir einfach "alles" und setzen seinen Wert auf "Unstet", um den Wert "nicht festzunehmen" festzulegen. für den Absatz. Unser Absatz bleibt unverändert und es wird kein Eigentum oder kein Styling auf den Absatz angewendet.
Die Farbe und die Schriftfamilie der Überschrift wurden geändert, während der Absatz unverändert geblieben ist. Weil alle Eigenschaften, die wir auf den Absatz angewendet haben.
Beispiel 3
In diesem gegebenen HTML -Code werden wir hier eine Überschrift und eine DIV einsetzen und in das CSS wechseln, um Stil auf sie anzuwenden und einige Stile mit „Unset“ zu stornieren oder abzubauen.”
Wir wenden nur einige Immobilien auf die DIV an. Hier setzen wir seine "Schriftgröße" und setzen den Wert der "Schriftgröße" als "24px" ein. Wir verwenden auch „mutig“ für das „Schriftgewicht."Die" Farbe ", die wir hier für diese DIV wählen, ist" rot ", und die" Schriftfamilie ", die wir hier wählen, ist" Arial "."Jetzt müssen wir nicht die" Farbe "und" Schriftgewicht "dieser Div ändern. Die verbleibenden Eigenschaften gelten für das DIV-Element, aber die Farb- und Schriftgewichtseigenschaften gelten nicht für das DIV, da wir diese Eigenschaften hier nicht festlegen.
Die Ausgabe leistet hier und Sie können sehen, dass die „Schriftfamilie“ und die „Schriftgröße“ hier gemäß den im CSS-Code festgelegten Werten geändert werden, aber es gibt keinen Einfluss auf das „Schriftgewicht“, das „Schriftgewicht“ auswirkt, aber es gibt keine Auswirkungen auf das „Schriftgewicht“ und "Farbe" der Div. Dies liegt daran, dass wir diese Werte nicht feststellen. Auf diese Weise können wir einige Eigenschaften mithilfe des Eigenschaftsnamens nicht festlegen und den Wert „Unbestimmt“ für diese Eigenschaft festlegen.
Beispiel 4
Wir werden einen Übergang hierher geben und dann einen Absatz geben. Nach diesem Absatz setzen wir hier auch ein DIV -Element ein und am Ende platzieren wir ein Spannelement. Wir werden all dies stylen und sie dann alle in CSS verunreinigen. Schauen Sie sich die CSS -Datei an und sehen Sie, wie wir das tun werden.
Die Überschrift „Schriftfamilie“ ist die erste Eigenschaft, die wir gesetzt haben, und wir wählen „algerisch“ dafür. Wir passen auch seine „Farbe“ an, die wir auf „lila“ und „zentrieren“ diese Überschrift einstellen, indem wir die „Text-Align verwenden.Wir haben jetzt einen Absatz, und wir müssen nur die „Farbe“ des Absatzes ändern. Der Wert des Attributs "Farbe" wird in diesem Fall auf "grün" gesetzt. Die "Schriftgröße" hier ist "24px". Als „Schriftfamilie“ -Mobilie verwenden wir auch „Times New Roman.Das Attribut "Textdekoration" wird verwendet, um die Unterstreichung des Textes zu erstellen. Der Wert "Textdekoration" wurde auf "Untersteuerung" festgelegt."Wir verwenden jetzt das Schlüsselwort" Fett "für" Schriftgewicht "und die Eigenschaft" Text-Align ", um diesen Absatz im" Zentrum "zu positionieren.”
Für die DIV verwenden wir nun die gleichen Eigenschaften, ändern aber hier die Werte dieser Eigenschaften. In dieser Situation ist der Wert des Attributs „Farb“ rot."Die Schriftgröße" ist in diesem Fall "22px". Wir verwenden auch "Calibri" als Eigenschaft "Schriftfamilie". Der Wert für „Textdekoration“ wurde in „Untersteuerung geändert.Um diese DIV in die Mitte zu setzen, verwenden wir die Eigenschaft "Text-Align" und setzen sie als "Zentrum" fest.”
Danach haben wir Spann. In diesem Fall lautet die Schriftgröße "20px". "Cambria" wird auch hier als Wert der Eigenschaft "Schriftfamilie" festgelegt. Wir ändern auch den „Schriftarten“ dieser Zeitspanne in „kursiv."Der hier verwendete Wert" Textdekoration "ist" Unterstreich ".„Wir zeigen Ihnen, wie es aussehen wird, wenn alle Eigenschaften für sie gelten und auch wenn keine Eigenschaft für sie gelten wird. Wir zeigen Ihnen hier zwei Ausgänge, sodass Sie den Unterschied problemlos lernen, bevor Sie „Unstet“ verwenden und den Wert für „alle“ Eigenschaften verwenden.
Schauen Sie sich diese erste Ausgabe hier an; Alle Eigenschaften werden auf die Überschrift, den Absatz, die Div und die Spanne angewendet. Bewegen.”
In dieser CSS -Datei fügen wir einfach "alle: nicht fest" für Überschrift, Absatz, Div und Spannweite hinzu. Es bedeutet, dass wir alle Eigenschaften, die wir für alle beantragt haben.
Die Ausgabe zeigt Ihnen, dass keine Eigenschaft auf Überschrift, Absatz, Div und auf das Span -Element angewendet wird. Dies liegt nur an den „nicht festgelegten“ Wert, den wir für „alle“ verwendet haben.”
Abschluss
Dieses Tutorial wurde entwickelt, um Ihnen dabei zu helfen. Dieses Tutorial hat dieses Thema im Detail durchlaufen. Wir haben hier vier verschiedene Beispiele übernommen, in denen wir diesen „nicht festgelegten“ Wert sowie die Ausgänge verwendet haben. Sie werden also leicht verstehen, wie dieser „unvereinbare“ Wert funktioniert. Wir haben den „nicht festgelegten“ Wert getrennt von den Eigenschaftsnamen verwendet und diese auch mit der „All“ -Sache verwendet, die alle Eigenschaften stornierte, die wir in den Beispielen angewendet haben. Ich hoffe.