在前端开发中，display block是一个常见的属性值。display block用于设置元素的显示方式，使元素变为块级元素。
块级元素与行内元素最大的区别在于，块级元素会独占一行，而行内元素则会在一行内排列。
display block的使用
display block可以用于任何元素，例如div、p、h1、ul等。下面是一个例子：
<div style="display:block;">
<p>这是一个块级元素</p>
</div>上面的代码将div元素设置为块级元素，使它独占一行。其中，style属性用于设置CSS样式，display:block表示将该元素变为块级元素。
display block的优点
容易控制：块级元素的宽度默认为100%，可以通过设置宽度、内边距、外边距等属性来控制元素的大小和位置。
易于布局：块级元素之间默认有间距，可以利用这个特性来进行布局。
语义化：块级元素通常用于表示页面的结构，例如div用于划分页面区域，h1用于表示页面标题，p用于表示段落等。
display block的缺点
与行内元素相比，块级元素在布局时需要占用更多的空间，因此不适合用于一些需要紧凑布局的场景。同时，块级元素的默认宽度为100%，如果需要自适应宽度则需要设置宽度或使用CSS3的flex布局。