使用 CSS （层叠样式表）可以很轻松地改变网页的外观和布局。下面是四个常用的 CSS 属性，它们对于定位和对齐元素、字体大小、颜色以及边框样式都非常有用。

1. position

position 属性可以用来定位元素。默认的 position 值是 static，意味着元素会按照文档流放置。当 position 值设置为 relative 或 absolute 时，元素会相对于其父元素或文档进行移动。fixed 的 position 值则会使元素固定在浏览器窗口中的某个位置。

/* 定位元素 */
#box {
  position: relative;
  left: 50px;
  top: 50px;
}

2. font-size

font-size 属性可以设置文字大小。它可以使用绝对单位（如 px 或 pt）或相对单位（如 em 或 rem）。

/* 改变文字大小 */
p {
  font-size: 16px;
}

3. color

color 属性用于设置文字颜色。它可以使用颜色名称、RGB 值或十六进制值。

/* 修改文字颜色 */
h1 {
  color: red;
}

4. border

border 属性可以设置元素边框的样式、宽度和颜色。它可以使用边框样式（如 solid、dotted、dashed）和尺寸单位（如 px 或 em）。

/* 添加边框 */
img {
  border: 1px solid #ccc;
}

以上就是四个常用的 CSS 属性。它们可以用于改变网页的外观和布局，提高用户体验。