Héritage CSS et analyse d'utilisation automatique_Échange d'expérience

Es handelt sich normalerweise um einen sehr kleinen Wert. Nach Verstärkungs- und Verzerrungsschichten ist die gesamte Struktur außer Form. CSS ist eine sehr einfache Sprache, leicht zu erlernen und zu verwenden, aber auch am anfälligsten für Müllcode. Dies liegt daran, dass die Sprache nicht gründlich erlernt wird. Meiner Meinung nach besteht CSS aus den folgenden drei Blöcken: Standardwert, Vererbungssystem und gewichtetes System. Der Standardwert ist das vom Browser standardmäßig angegebene Attribut, wenn der Benutzer das Attribut nicht festlegt. Das CSS-Framework verfügt grundsätzlich über eine Datei namens „reset.css“, die es zurücksetzt, um Unterschiede zwischen Browsern zu beseitigen. Auf das Vererbungssystem konzentrieren wir uns im Folgenden. Das Gewichtungssystem, also die Frage der Priorität, geht über den Rahmen dieses Artikels hinaus und wird nicht weiter besprochen. Darüber hinaus sind diese drei Dinge mit der Invasion des IE-Bugs konfrontiert, der sehr schädlich ist, also sollten Sie ihn selbst stoppen (lacht).

In CSS können viele Eigenschaften vererbt werden. Wenn beispielsweise die Schriftart eines bestimmten Absatzes auf Weiß eingestellt ist, muss die Schriftart seines Elements nicht festgelegt werden oder ist auf „Erben“ eingestellt Weiß. Diese Attribute werden als geerbte Eigenschaften bezeichnet. Der berechnete und konvertierte Wert des entsprechenden Attributs wird vom übergeordneten Element abgerufen. Befindet sich das übergeordnete Element in der gleichen Situation wie es, wird die Suche fortgesetzt und schließlich die Funktion „Durchsuchen“ verwendet nicht gefunden. Der Standardwert des Geräts.

Das Folgende ist eine Liste der geerbten Eigenschaften:

Kopieren Sie den Code Der Code lautet wie folgt:

border-collapse
border-spacing
caption-side
color
cursor
direction
empty-cells
font
font-family
font-stretch
font-size
font-size-adjust
font-style
font-variant
font-weight
letter-spacing
line-height
Listenstil
Opazität
Listenstil-Bild
Listenstil-Typ
Anführungszeichen
Textausrichtung
Texteinzug
Texttransformation
Leerzeichen
Wortabstand

<meta charset="gb2312"> <meta http-equiv="X-UA-Compatible" content="IE=8"> <style type="text/css"> </style> <title> </title>CSS <div id="text" style="width:20em;height:140px;background:#8080c0;padding:2px;border:1px solid red;color:#fff"> <div id="text2" style="width:80%;height:4em;background:#b45b3e"></div> </div>