在网页制作中，CSS样式起到非常重要的作用。它可以用来控制网页中的文本、背景、边框、尺寸、位置等各种元素的样式和布局。CSS样式可以通过多种方式来定义，其中最常用的就是“样式定义6”（CSS3）。

/* CSS3的定义方式 */
/* 定义元素的样式 */
selector {
property1: value1;
property2: value2;
}
/* 定义类的样式 */
.classname {
property1: value1;
property2: value2;
}
/* 定义ID的样式 */
#idname {
property1: value1;
property2: value2;
}
/* 定义伪类的样式 */
selector:pseudo-class {
property1: value1;
property2: value2;
}
/* 定义状态的样式 */
selector:state {
property1: value1;
property2: value2;
}
/* 定义动画的样式 */
@keyframes animationname {
from {property1: value1;}
to {property2: value2;}
}

样式定义6引入了很多新的属性和方法，如圆角、阴影、渐变、动画等。使用这些属性和方法可以让网页更加美观，并且可以提高用户体验。

除了上述定义方式，CSS样式还有一种特殊的定义方式，叫做“内联样式”。它是直接在HTML标签中定义样式，像这样：

<div style="color:red;font-size:16px;">
这是一个带有内联样式的DIV元素。
</div>

内联样式的使用并不被推荐，因为它会使HTML代码变得冗长，也不方便维护。同时，它还不利于样式的重用和统一管理。

因此，在开发网页时，我们应该遵循良好的CSS样式定义规范，尽量使用外部样式表来定义样式。这样可以使网页结构更加清晰，代码更加简洁、易于阅读和维护。