行内元素和块级元素有哪些,行内元素与块级元素的具体区别

首页 > 体育 > 作者:YD1662023-12-25 06:38:10

首先:CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,如div的display默认值为“block”,则为“块级”元素;span默认display属性值为“inline”,是“行内”元素。

(1)行内元素有:a ,b, span ,img, input ,select ,strong(强调的语气)

(2)块级元素有:div, ul, ol, li ,dl, dt, dd, h1 ,h2, h3, h4…p,

(3)常见的元素:<br>,<hr>, <img> ,<input>,<link>,<meta>

鲜为人知的是:

<area><base><col><command> <embed> <keygen><param><source><track> <wbr>


块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度.

行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化.

行内元素和块级元素有哪些,行内元素与块级元素的具体区别(1)

红黄block,蓝绿行内inline。

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.