在前端開發中，CSS作為一種樣式語言，常常被用來控制頁面布局和樣式的顯示，讓頁面更加美觀和具有可讀性。那么，CSS中都有哪些樣式屬性呢？我們一起來看看吧。

/* display屬性 */
display: block; /* 塊級元素，占滿整行 */
display: inline; /* 行內元素，與其他元素在同一行 */
/* margin和padding屬性 */
margin: 10px; /* 上下左右都是10px */
margin: 10px 20px; /* 上下10px，左右20px */
margin: 10px 20px 30px; /* 分別為10px、20px、30px和20px */
margin: 10px 20px 30px 40px; /* 分別為10px、20px、30px和40px */
padding: 10px; /* 上下左右都是10px */
padding: 10px 20px; /* 上下10px，左右20px */
padding: 10px 20px 30px; /* 分別為10px、20px、30px和20px */
padding: 10px 20px 30px 40px; /* 分別為10px、20px、30px和40px */
/* position屬性 */
position: static; /* 默認值，正常文檔流 */
position: relative; /* 相對于元素的位置移動 */
position: absolute; /* 相對于父元素或body元素的位置移動 */
position: fixed; /* 相對于瀏覽器窗口固定位置 */
/* float屬性 */
float: left; /* 左浮動 */
float: right; /* 右浮動 */
/* font屬性 */
font-family: Arial, sans-serif; /* 字體型號 */
font-size: 16px; /* 字體大小 */
font-weight: bold; /* 字體粗細 */
/* color屬性 */
color: #f00; /* 顏色值 */
/* background屬性 */
background-color: #fff; /* 背景顏色 */
background-image: url(image.png); /* 背景圖片 */
/* border屬性 */
border: 1px solid #000; /* 邊框樣式 */
/* width和height屬性 */
width: 100px; /* 寬度 */
height: 200px; /* 高度 */
/* text-align屬性 */
text-align: center; /* 居中對齊 */
/* line-height屬性 */
line-height: 1.5; /* 行高為字體大小的1.5倍 */

以上僅是CSS中的一小部分屬性。在實際的開發中，我們需要靈活運用這些屬性，使得我們制作出的網站更加美觀、優雅和可讀性。希望本篇文章可以幫到你們！