Heim > Artikel > Web-Frontend > Lassen Sie mich Ihnen beibringen, was die Anzeigemethoden in CSS sind.

Lassen Sie mich Ihnen beibringen, was die Anzeigemethoden in CSS sind.

零下一度Original: 2017-05-03 15:49:061939Durchsuche

Lernen Sie heute die Anzeigemethode in CSS

1. Anzeigemethode :

Der Standardanzeigetyp der Box kann über das Attribut Anzeige

Attribut: Anzeige

Einblenden, ausblenden. Sobald der Wert auf none

gesetzt ist, werden alle Inhalte innerhalb des Elements nicht mehr angezeigt und belegen keinen Platz mehr im Dokument. 2 , Block: Block, lassen Sie jedes Element anzeigen 1 Die Eigenschaften des Blocks sind :

1. Anbau allein

2. Sie können Breite und Höhe einstellen 2. Blockieren Anlass verwenden: 1

Stellen Sie sich in der Zeile vor, dass dasselbe Element angezeigt werden soll.

🎜>

Inline

Funktionen: Mehrere Elemente werden in einer Zeile angezeigt

1Elemente auf Blockebene werden zu Inline-Elementen

Verwendung von Inline

Gelegenheiten: 🎜 > 2

, die Elemente in der Zeile werden von

ausgeblendet (Anzeige: Keine;) > Ändern Sie die Breite und Höhe ), ist das Inline-Blockelement

1. Verwendung von Inline-BlockVerwendungszwecke: Wenn Sie die Breite und Höhe von Inline-Elementen ändern möchten

2. Inline-Block Anzeigeeffekt

1, SichtbarkeitAttribute

Funktion: Elementsichtbarkeit erreichen( Anzeigen /Ausblenden)

、

sichtbar : Standardwert, das Element ist sichtbar. 2 ,

Ausgeblendet : Das Element ist nicht sichtbar, ausgeblendet, aber der Platz belegt immer noch. 3 ,

Reduzieren

: Auf die Tabelle angewendet, können Sie eine oder eine Spalte löschen, ohne das Layout der Tabelle zu beeinträchtigen. 2, Deckkraft

Attribute

:Legen Sie die Deckkraftstufe des fest element Deckkraftwert: 0-1

Eine Zahl zwischen (einschließlich.

0 und 1) 1: Völlig undurchsichtig

Je größer der Wert, desto mehr op aque

3 ,

Vertical-Align

Attribute

🎜> Vertikale Ausrichtung festlegen

Werte: oben / mitte / unten (oben, mitte, unten) Grundlinie: Grundlinienausrichtung (Standardausrichtung)

Für das innere Blockelement (IMG) kann die Methode der Ausrichtung zwischen dem Text und dem aktuellen Element definiert werden.

Zum Beispiel: Wählen Sie Ich möchte den folgenden Text, verlinken Sie 2, um einen Inline-Block zu werden, und lassen Sie den Link 3Wird ein Block, Link4verschwindet

<!DOCTYPE html >
       <head>
  <title>文本格式</title>
  <meta charset="utf-8" />
   <style>
    a{
       border:1px solid black;
   width:70px;
   height:30px;
   background-color:silver;
}
   </style>
</head>
  
<body>
  <a href="#">链接1</a>
  <a href="#" style="display:inline-block;">链接2</a>
  <a href="#" style="display:block;">链接3</a>
  <a href="#"style="display:none;">>链接4</a>
</body>
</html>

4, CursorAttributeCursor：

Standardmäßig sieht die Cursoranzeige auf der Webseite je nach Element unterschiedlich aus.

Hyperlink: Handform

Text: I

Schaltfläche: Pfeil

In CSS können Sie den Cursor-Anzeigeeffekt über das bereitzustellende Cursor-Attribut ändern Kunden mit einem visuellen Hinweis.

Attribute: Cursor

Wert: Zeiger: Handform

Standard: Standard

Fadenkreuz: + Form

Text: I Status

warten: Warten

Hilfe: ?

Das obige ist der detaillierte Inhalt vonLassen Sie mich Ihnen beibringen, was die Anzeigemethoden in CSS sind.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Wie man mit CSS-Überlauf und Zeilenumbrüchen umgehtNächster Artikel：Wie man mit CSS-Überlauf und Zeilenumbrüchen umgeht

In Verbindung stehende Artikel

Mehr sehen