CSS（層疊樣式表）是一種用于網頁設計的語言，可以用來控制網頁的外觀和布局。CSS作用局部是指可以通過CSS選擇器將樣式應用到特定的元素或特定的網頁組件上，而不會影響其他的元素或組件。

例如，有一個頁面中包含兩個按鈕，一個綠色的和一個藍色的，在CSS中，我們可以這樣定義它們的樣式：
.green-button {
background-color: green;
color: white;
padding: 10px;
border-radius: 5px;
}
.blue-button {
background-color: blue;
color: white;
padding: 10px;
border-radius: 5px;
}
在HTML中，我們可以將樣式應用到按鈕元素中：
<button class="green-button">綠色按鈕</button>
<button class="blue-button">藍色按鈕</button>
這樣，我們就可以給不同的按鈕應用不同的樣式，而不會影響其他元素的樣式。

除了應用到單個元素或組件之外，CSS也可以應用到頁面的特定區域，比如網格布局或彈性布局。這些布局模式可以讓我們更方便地控制頁面元素的位置和大小。

例如，如果我們希望在頁面的中央放置一個容器元素，并讓其寬度為80%：
.center-container {
width: 80%;
margin: 0 auto;
background-color: #f7f7f7;
border: 1px solid #ddd;
padding: 20px;
}
在HTML中，我們可以將該容器元素包裹在一個父容器中，并將樣式應用到該父容器中：
<div class="page-container">
<div class="center-container">
<p>這是居中的內容</p>
</div>
</div>
這樣，我們就可以在頁面的中央放置一個帶有樣式的容器元素，并將其寬度限制在80%之內。

CSS作用局部的好處在于可以幫助我們更方便地控制頁面元素的樣式和位置，從而使頁面更加美觀和易于使用。同時也可以減少在樣式上的復雜性，使得代碼更加清晰和易于維護。