在設計網頁時，樣式的放大或縮小是一個非常重要的功能。在今天的文章中，我們將探討如何使用CSS來放大樣式。

/*以字體大小為例*/
/*使用百分比*/
h1 {
font-size: 150%;
}
/*使用em*/
h1 {
font-size: 1.5em;
}

CSS提供了兩種方法來放大樣式：使用百分比或使用em。在設計排版時，這兩種方法都可以很好地起到放大/縮小的效果。

當我們使用百分比來放大樣式時，它是相對于元素原來的大小而言的。例如，當我們將一個頁面上的標題標簽的樣式放大到150%，則標題標簽的字體大小將變為元素原來的1.5倍。

而使用em來放大樣式時，則是基于元素的父元素的字體大小的倍數。例如，父元素的字體大小為16像素，而子元素的字體大小設置為1.5em，則子元素的字體大小將為當前字體大小1.5×16=24像素。

/*以寬度為例*/
/*使用百分比*/
.box {
width: 150%;
}
/*使用em*/
.box {
width: 20em;
}

同樣的方法也適用于其他樣式，比如寬度。在這個例子中，我們可以將一個盒子的寬度放大到原來的1.5倍，或者將一個指定特定em單位的盒子的寬度設置為20em。

無論你是需要將字號、盒子大小或其他任何線條或空格都放大或縮小，使用CSS的百分比或em屬性來達到最佳效果。