在CSS的發(fā)展歷程中，隨著WEB設(shè)計(jì)的日益發(fā)展和變化，CSS的排版功能也越來(lái)越豐富，CSS自由排版也因此應(yīng)運(yùn)而生。

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

在CSS自由排版中，我們可以通過(guò)設(shè)置元素的樣式屬性來(lái)控制元素的排版方式。例如設(shè)置元素的字體大小、行高、對(duì)齊方式、外邊距等等，都可以通過(guò)CSS輕松實(shí)現(xiàn)。

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

除此之外，CSS還可以實(shí)現(xiàn)一些特殊的排版效果，比如對(duì)文字進(jìn)行換行、添加文本陰影等等。這些排版效果可以使得頁(yè)面看起來(lái)更加美觀、易讀。

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

隨著CSS的不斷進(jìn)化，自由排版也將不斷提升。我們可以把自己的創(chuàng)意充分融入到WEB設(shè)計(jì)中，并通過(guò)CSS自由排版的掌握，將頁(yè)面排版得更加漂亮。