CSS（Cascading Style Sheets）是一种用于描述网页外观样式的语言。在CSS中，我们常常会用到块级元素和行内元素。块级元素（Block-level Element）会在页面上形成一个块，占据一整行或一整个父元素的宽度；而行内元素（Inline Element）则会按照文本流排列，一行可以同时排列多个行内元素。

同时，CSS还有一种叫做块级子元素（Block-level Sub-Element）的概念。它是一些块级元素内部的子元素，会继承父元素的宽度，并且不会破坏父元素的块级流。

<div class="parent">
<h1>This is an headline.</h1>
<section class="sub-section">
<p>This is a paragraph inside the sub-section.</p>
</section>
</div>
.parent{
width: 500px;
background-color: lightblue;
padding: 20px;
}
.sub-section{
background-color: white;
padding: 20px;
}

在上面的例子中，我们通过给一个`div`元素设置了一个`parent`类，让它成为一个块级元素，同时设置了宽度、背景色和内边距。接着，在这个`div`内部又添加了一个类为`sub-section`的`section`元素，成为了一个块级子元素，它的内部我们还添加了一个`p`元素。

我们可以发现，`sub-section`内部的`p`元素不只是按照文本流排列，而是另起了一行，并且它的宽度等同于`parent`的宽度，而不是被自己的文本撑开。这就是块级子元素的特性。

块级子元素可以实现我们很多复杂的布局需求，例如嵌套布局，左右分栏，多列文本等等。使用它，我们可以更加灵活地控制网页UI的样式布局。总的来说，CSS的块级子元素是一个非常有用的技术，对于理解和实现复杂的布局都非常有帮助。