首页 > 技术文章 > 行内块元素及关系

zzy123456789 2021-11-14 22:08 原文

块内元素:
块级元素的特点:
①比较霸道,自己独占一行。
②高度,宽度、外边距以及内边距都可以控制。③宽度默认是容器(父级宽度)的100%。
④是一个容器及盒子,里面可以放行内或者块级元素。
注意:
文字类的元素内不能使用块级元素
<p>标签主要用于存放文字,因此<p>里面不能放 块级元素,特别是不能放< div>。同理,< h1 >~< h6>等都是文字类块级标签,里面也不能放其他块级元素


行内元素:
行内元素的特点:
①相邻行内元素在一行上,一行可以显示多个,高、宽直接设置是无效的。

③默认宽度就是它本身内容的宽度。
④行内元素只能容纳文本或其他行内元素。
在行内元素中有几个特殊的标签一< img />、<  input />、< td >,它们同时具有块元素和行内元素的特点。有些资料称它们为行内块元素。

行内快标签可以编辑文字在盒子中可以进行调整位置调整在盒子里的位置标签中还可以添加超链接(转到另一个网页)标签在网页学习中也会多次用到,

行内块标签可以共处一行,通过定位来定位在网页中的位置实现网页的效果,可以罗列出分类来让观看网页的人们通俗易懂。

推荐阅读