块级元素和块元素,行内级元素和行内元素 ,置换元素与非置换元素 (img是行内元素,但是可以设置高度,因为他本身具有一定的高度和宽度,是置换元素,所以可以设置高度和宽度)

来源:互联网 发布:淘宝上正宗金丝楠木店 编辑:程序博客网 时间:2024/05/05 00:52

1. 什么是块级元素?

块级元素是那些视觉上会被格式化成块状的元素,通俗一点来说就是那些会换新行的元素。display 属性的:blocklist-itemtableflexgrid 值都可以将一个元素设置成块级元素。

举个例子来说,li 是一个 块级元素,但也有人会说它是一个 块元素。嗯,li 确实是一个块级元素,但并不是一个块元素,为什么?

2. 什么是块元素?

块元素是 display 属性值为 block 的元素,它应该是 块级元素 的一个子集,而不是等同的,一个 块元素 是一个 块级元素,但一个 块级元素 不一定是一个 块元素,所以不要混淆。

3.什么是行内级元素?

行内级元素是那些不会为自身内容形成新的块,而让内容分布在多行中的元素。display 属性的:inlineinline-tableinline-blockinline-flexinline-grid 值都可以将一个元素设置成行内级元素。

4.什么是行内元素?

如同块元素之于块级元素的关系,行内元素仅仅是 display 属性值为 inline 的元素,这里不再赘述。
0 0
原创粉丝点击