Welche Eigenschaften hat CSS zum Ein- und Ausblenden von Elementen?

Die Implementierungsattribute sind: 1. Anzeigeattribut, wenn der Wert „none“ ist, wird das Element ausgeblendet, und wenn es „blockiert“ ist, wird das Element angezeigt 2. Sichtbarkeitsattribut, wenn der Wert „ausgeblendet“ ist; , das Element ist ausgeblendet, und wenn der Wert „sichtbar“ ist, wird das Element angezeigt. 3. Überlaufattribut; 4. Deckkraftattribut.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Ein- und Ausblenden von Elementen

Essenz: Ein Element auf der Seite ein- oder ausblenden.

css kann die versteckten und angezeigten Attribute von Elementen erkennen

1: Anzeigeattribut

• display: none; Verstecktes Objektdisplay: none; 隐藏对象

• display: block;除了转换为块级元素之外，还有显示元素的意思

注意：display隐藏元素之后，不再占有原来的位置

2.visibility属性

• visibility: visible;  元素可视

• visibility: hidden;   元素隐藏

注意：visibility隐藏元素后，继续占有原来的位置

3.overflow属性（溢出内容的显示与隐藏）

overflow: visible | hidden | scroll | auto

1、属性值具体说明见下表：

属性值	说明
visible	不剪切内容，也不添加滚动条
hidden	隐藏超出的部分
scroll	不管内容是否超出，都显示滚动条
auto	只有内容超出时才显示滚动条，不超出则不显示

4、opacity属性

• opacity: 0; 隐藏元素

• opacity: 1;

display: Block ;Neben der Konvertierung in Elemente auf Blockebene bedeutet dies auch die Anzeige von Elementen

Hinweis: Nach der Anzeige eines ausgeblendeten Elements nimmt es nicht mehr seine ursprüngliche Position ein

2. Sichtbarkeitsattribut

🎜🎜 🎜🎜visibility: sichtbar; Das Element ist sichtbar🎜🎜🎜🎜sichtbarkeit: versteckt; Das Element ist ausgeblendet🎜🎜🎜🎜Hinweis: Nachdem die Sichtbarkeit das Element ausgeblendet hat, wird es fortgesetzt um seine ursprüngliche Position einzunehmen🎜🎜🎜3 .overflow-Attribut (Anzeigen und Ausblenden von Überlaufinhalten) 🎜🎜rrreee🎜1 Eine detaillierte Beschreibung der Attributwerte finden Sie in der folgenden Tabelle: 🎜

Attributwert	Beschreibung
sichtbar	Inhalt nicht ausschneiden und keine Bildlaufleisten hinzufügen
versteckt	Überschüssige td>
Bildlaufleisten ausblenden	Bildlaufleisten anzeigen, unabhängig davon, ob der Inhalt
auto	Die Bildlaufleiste wird nur angezeigt, wenn der Inhalt diese überschreitet, andernfalls wird sie nicht angezeigt

🎜🎜4. Opazitätsattribut🎜🎜🎜🎜🎜opacity: 0; Verstecktes Element🎜🎜🎜🎜opacity: 1 ; Anzeigeelement🎜🎜🎜🎜Die Bedeutung des Opazitätsattributs Ruft die Opazität des Objekts ab oder legt sie fest. Wenn seine Transparenz 0 ist, verschwindet es optisch; es nimmt jedoch immer noch diese Position ein und beeinflusst das Layout der Webseite. 🎜🎜Hinweis: Bei Elementen mit hinzugefügtem Deckkraftattribut ändern sich auch deren Hintergrund und Elementinhalt entsprechend. 🎜🎜(Teilen von Lernvideos: 🎜CSS-Video-Tutorial🎜)🎜

Das obige ist der detaillierte Inhalt vonWelche Eigenschaften hat CSS zum Ein- und Ausblenden von Elementen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!