块级元素内联元素的区别，空元素

1.块级元素

常见的块级元素：

    display:block/table 的元素<div></div><ul></ul><li></li><h1></h1><h2></h2><p></p>

2.内联元素

常见的内联元素：

    display:inline/inline-block 的元素<span></span><a></a><img/><b></b><td></td>

内联元素又叫行内元素

特点: 和其他元素都在一行上;

3.空元素

常见的空元素

    <hr><img><input><link><meta>

空元素：表示没有内容的html元素在开始的标签中就关闭了比如《img/》而不是《a》《/a》。也就是说空元素没有闭合标签

4.块级元素跟内联元素的区别？

展示方式不同
- 块级元素 都是从新的一行开始独占一行
- 内联元素 是一个挨着一个从左至右的顺序进行排序不会独占一行直到一行排序不下的时候才会进行换行
高度不同
- 块级元素 高度行高以及外边距内边距都是可以控制的方便容纳内联元素和其它块级元素
- 内联元素 高度行高和顶及底边距都是不可改变的（通过css 属性display：block 改为块级元素就可以改变了）
宽度不同
- 块级元素 其宽度会自动填满父元素宽度
- 内联元素 其宽度随元素的内容变化

块级元素内联元素的区别，空元素相关推荐

块级、内联、内联块级
在html元素中,元素会有display属性. display属性默认值是block,那么该元素是块级元素. display属性默认值是inline,那么该元素是内联元素. 没有元素的display默 ...
CSS中的块元素,内联元素,内联块元素
块元素,内联元素,内联块元素元素就是标签,布局中常用的有三种标签,块元素.内联元素.内联块元素,了解这三种元素的特性,才能熟练的进行页面布局. 块元素块元素,也可以称为行元素,布局中常用的标签如: ...
css块元素,内联元素,内联块元素
一.块元素,内联元素,内联块元素 1.块元素: 也称行元素, 布局中常用的标签如:div,p, h1-h6,ul,li... 支持全部的样式可以设置元素的大小,并且元素是独占一行显示,如果 ...
css 元素类型行内元素块元素内联块元素 0302
元素的分类三种元素类型块元素内联元素可变元素元素类型的转换 display block 元素浮动后就相当于变成了块元素 display inline display inline-block ...
【C/C++】宏函数与内联函数的区别
[C/C++]宏函数与内联函数的区别文章目录 [C/C++]宏函数与内联函数的区别一.概念二.特性三.优缺点 3.1 内联函数的优缺点? 3.2 宏的优缺点? 四.笔试题 4.1 为什么要是用 ...
块级元素内联并列显示
inline-block<a>标签1</a><a>标签2</a><a>标签3</a>a标签本来就是内联这样写,他出来效果就是- ...
HTML行内元素/行级元素/内联元素/行标签/内联标签/行内标签/行元素
文章目录行内元素的特点行内元素清单可变元素列表 inline element. 也叫行级元素.内联元素. 行内元素默认设置宽度是不起作用,需设置 display:inline-block 或者 ...
宏与内联(inline)的区别(转载)
先转载下人家总结的宏和普通函数调用的区别: (1).宏只做简单的字符串替换,函数是参数传递,所以必然有参数类型检查(支持各种类型,而不是只有字符串). (2).宏不经计算而直接替换参数,函数调用则是将 ...
C++的内联函数和非内联函数的区别
一.内联函数和非内联函数的定义 1.内联函数 inline void test(); void test() { cout<<"test"<<endl; } ...

块级元素内联元素的区别，空元素

1.块级元素

2.内联元素

3.空元素

4.块级元素跟内联元素的区别？

块级元素内联元素的区别，空元素相关推荐

最新文章

热门文章

块级元素 内联元素 的区别 ，空元素

1.块级元素

2.内联元素

3.空元素

4.块级元素跟内联元素的区别？

块级元素 内联元素 的区别 ，空元素相关推荐

最新文章

热门文章

块级元素内联元素的区别，空元素

块级元素内联元素的区别，空元素相关推荐