CSS 樣式標注是一種用于定義 Web 頁面樣式的技術，可以在 HTML 文檔中使用 CSS 樣式表來定義頁面的布局、顏色、字體、邊框等。在 CSS 樣式標注中，可以使用各種標記(如：box-sizing、border-radius、font-size)來定義元素的樣式，從而使得開發人員可以更輕松地控制頁面的外觀和行為。

box-sizing是 CSS 樣式標注之一，它定義了元素的寬度和高度是如何計算的。如果使用 box-sizing: border-box，元素的寬度和高度將包括邊框和內邊距的寬度。相反，如果使用 box-sizing: content-box，元素的寬度和高度將只包括元素本身的寬度和高度。使用 box-sizing: border-box可以確保元素的寬度和高度不會超出邊框和內邊距的寬度，從而保證了頁面的美觀和穩定性。

另一個常用的 CSS 樣式標注是border-radius，它用于定義元素的圓角大小。使用border-radius: 50%可以設置元素的圓角大小為 50%，而使用border-radius: 100%則可以設置元素的圓角大小為整個元素的寬度。

除了使用標記來定義元素的樣式，還可以使用 CSS 屬性來修改元素的樣式。例如，可以使用font-size屬性來改變元素的字體大小，而使用line-height屬性來改變元素的行高。通過使用這些屬性和標記，可以更加靈活地定義元素的樣式，從而更好地控制頁面的外觀和行為。

CSS 樣式標注是一種非常重要的技術，可以幫助開發人員更輕松地定義元素的樣式，從而更好地控制頁面的外觀和行為。掌握 CSS 樣式標注的基礎知識，可以幫助開發人員更好地優化 Web 頁面，提高用戶體驗。