Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Was sind Inline-Elemente in CSS?

王林
Freigeben: 2020-11-18 17:57:21
Original
2371 Leute haben es durchsucht

Inline-Elemente in CSS beziehen sich auf Inline-Elemente, die Elementen auf Blockebene entsprechen. Ein Inline-Element und seine Geschwisterelemente werden in der Reihenfolge von links nach rechts nebeneinander in derselben Zeile angezeigt und belegen keine separate Zeile. Inline-Elemente werden normalerweise innerhalb von Elementen auf Blockebene verwendet.

Was sind Inline-Elemente in CSS?

1. Was ist ein Inline-Element?

Inline-Elemente haben viele Namen, z. B. Inline-Elemente, Inline-Elemente, Inline-Elemente, Inline-Elemente usw., die Elementen auf Blockebene entsprechen. Ein Inline-Element und seine Geschwisterelemente werden nebeneinander in derselben Zeile von links nach rechts angezeigt und belegen keine separate Zeile.

(Lernvideo-Empfehlung: Java-Video-Tutorial)

2. Eigenschaften von Inline-Elementen

(1) In derselben Zeile wie andere Geschwisterelemente, keine Notwendigkeit, eine neue Zeile zu beginnen

(2) Breite, Höhe , und nach oben und Der untere Rand kann nicht festgelegt werden sind normalerweise in Elementen auf Blockebene enthalten. Verwenden Sie

3. Gemeinsame Inline-Elemente

  a – 锚点
 img – 图片
 input – 输入框
 span – 常用内联容器,定义文本内区块
 b – 粗体(不推荐)
 big – 大字体
 br – 换行
 em – 强调
 font – 字体设定(不推荐)
 i– 斜体
 s – 中划线(不推荐)
 select – 项目选择
 small – 小字体文本
 strike – 中划线
 strong – 粗体强调
 sub – 下标
 sup – 上标
 textarea– 多行文本输入框
 u – 下划线
Nach dem Login kopieren

Verwandte Empfehlungen:

CSS-Tutorial

Das obige ist der detaillierte Inhalt vonWas sind Inline-Elemente in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage