CSS是一門用來控制HTML頁面樣式的語言。在CSS中有一個很重要的概念——文檔流。文檔流是指HTML元素所占據的位置與它在HTML文檔中出現的順序有關，這也是CSS渲染HTML頁面的基本原則。

這是第一個段落
這是第二個段落

如上代碼所示，第一個p標簽時刻位于第二個p標簽上方。這是因為在文檔流中，HTML元素會按照它們在HTML文檔中出現的順序依次排列。

當我們為HTML元素添加CSS樣式時，它們在文檔流中的位置可能會改變。例如:

這是第一個段落
這是第二個段落

如上代碼所示，我們將第一個p標簽的浮動屬性設置為right，這會使它在文檔流中先于第二個段落之后排列。這表明，在CSS的世界里，文檔流代表的是HTML元素在頁面中的實際展示方式。

文檔流不僅僅決定了HTML元素在頁面中的排列順序，還會影響到其他屬性的表現。例如:

這是第一個段落
這是第二個段落

如上代碼所示，我們將第一個p標簽的上外邊距設置為50px。由于文檔流的影響，第二個段落的位置也會跟隨其上移50像素。

總的來說，文檔流是CSS渲染HTML頁面的基本原則，它決定了HTML元素在頁面中的實際排列方式和其他屬性的表現。因此，我們在開發網站時一定要充分了解并恰當地利用文檔流。