HTML(HyperText Markup Language)是一種用于創建網頁內容的標記語言，而CSS(Cascading Style Sheets)是一種用于定義網頁布局和樣式的語言。當在HTML頁面中添加樣式時，可以使用CSS來定義頁面的外觀和布局。

在HTML中，可以使用style標簽來添加CSS樣式。例如，以下代碼將創建一個包含CSS樣式的<style>標簽：

style> .box {

width: 200px;

height: 200px;

background-color: blue;

</style>

在上面的代碼中，使用style標簽后，將.box元素的寬度和高度屬性設置為200px，背景顏色設置為藍色。

除了使用style標簽外，還可以使用CSS類(Class)來定義不同的樣式。例如，以下代碼將創建一個名為“my-box”的CSS類，并為該類定義一個相同的寬度和高度：

.my-box {

width: 200px;

height: 200px;

background-color: blue;

在這個例子中，使用.my-box類將使用相同的背景顏色，并定義一個寬度和高度屬性為200px的.box元素。

通過使用CSS樣式，可以更改網頁的外觀和布局，使其更具吸引力和可讀性。還可以與其他樣式一起使用，例如JavaScript樣式，以動態地更改網頁的外觀。

總之，通過在HTML頁面中添加CSS樣式，可以定義網頁的外觀和布局，使其更具吸引力和可讀性。通過使用不同的CSS類和樣式，可以創建復雜的網頁布局和設計。