CSS样式属性是构建网页布局和控制元素外观的重要工具。它们可以用来调整文本大小，颜色，位置，背景图片，边框，边距，内容的宽度和高度等。CSS样式属性可以在HTML元素上直接应用，也可以在CSS样式表中定义。
1. color属性
color属性用于设置文本颜色。它可以接受任何有效的CSS颜色值，如RGB，十六进制，HSL，以及预定义的颜色名称（例如：red，blue，green）。
p {
color: #FF0000;
}
2. font-size属性
font-size属性用于设置文本的大小。它可以接受任何有效的CSS大小值，如百分比，像素，em，rem，pt等。
p {
font-size: 16px;
}
3. position属性
position属性用于设置元素的位置。它可以接受任何有效的CSS位置值，如static，relative，absolute，fixed等。
div {
position: absolute;
top: 10px;
left: 20px;
}
4. background-image属性
background-image属性用于设置元素的背景图片。它可以接受任何有效的CSS图片URL。
div {
background-image: url('image.jpg');
}
5. border属性
border属性用于设置元素的边框。它可以接受任何有效的CSS边框值，如宽度，颜色，样式，以及边框四边的半径。
div {
border: 1px solid #000000;
}
6. margin属性
margin属性用于设置元素的边距。它可以接受任何有效的CSS边距值，如像素，百分比，em，rem等。
div {
margin: 10px;
}
7. width属性
width属性用于设置元素的宽度。它可以接受任何有效的CSS宽度值，如像素，百分比，em，rem等。
div {
width: 500px;
}
8. height属性
height属性用于设置元素的高度。它可以接受任何有效的CSS高度值，如像素，百分比，em，rem等。
div {
height: 500px;
}
以上就是CSS各种style属性的详细介绍，通过灵活的使用，可以实现很多精美的页面效果。