在網頁代碼中，CSS樣式起到了非常重要的作用，可以將整個網頁變得更加美觀和易讀。編輯CSS樣式，需要使用專門的代碼編輯工具，如Sublime Text、Visual Studio Code等。

在代碼編輯器中，可以新建一個CSS文件，并引入到HTML文件中。樣式代碼通常被寫在樣式標簽或樣式文件中，以便樣式可以應用到所有相關頁面上。

/* 樣式文件 */
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
font-size: 36px;
}
.container {
width: 980px;
margin: 0 auto;
}

在CSS文件中，可以定義全局樣式，如body標簽，用于控制頁面整體的樣式。同時，也可以定義單獨的元素樣式，如h1標簽，用于改變特定元素的樣式。類選擇器和ID選擇器也可以用來改變各個元素的樣式。

/* 類選擇器 */
.title {
color: #ff6600;
font-size: 24px;
}
/* ID選擇器 */
#content {
background-color: #fff;
padding: 20px;
}

對于較為復雜的布局和效果，可以使用CSS框架，如Bootstrap和Foundation。這些框架提供了已定義好的樣式和組件，可以輕松實現常見的布局和效果。

總之，CSS樣式在網頁設計中具有不可替代的重要作用。熟練掌握CSS樣式的編輯方法，可以讓網頁更加美觀、易讀，同時也提高了自己的開發效率。