在CSS的發展歷程中，隨著WEB設計的日益發展和變化，CSS的排版功能也越來越豐富，CSS自由排版也因此應運而生。

p {
font-size: 16px;
line-height: 1.5em;
text-align: justify;
margin: 0 0 20px 0;
/*這里是一段p標簽的樣式*/
}

在CSS自由排版中，我們可以通過設置元素的樣式屬性來控制元素的排版方式。例如設置元素的字體大小、行高、對齊方式、外邊距等等，都可以通過CSS輕松實現。

img {
max-width: 100%;
height: auto;
/*這里是一段img標簽的樣式*/
}

除此之外，CSS還可以實現一些特殊的排版效果，比如對文字進行換行、添加文本陰影等等。這些排版效果可以使得頁面看起來更加美觀、易讀。

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin: 20px 0 10px 0;
/*這里是一段標題標簽的樣式*/
}
a {
color: #0088cc;
text-decoration: none;
/*這里是一段超鏈接標簽的樣式*/
}

隨著CSS的不斷進化，自由排版也將不斷提升。我們可以把自己的創意充分融入到WEB設計中，并通過CSS自由排版的掌握，將頁面排版得更加漂亮。