css文字垂直居中，加粗，变为灰色

CSS可以使用多种属性来实现文本的垂直居中、加粗以及灰色显示的效果。以下是相应的样式：

1. **垂直居中**:
- 对于`block`元素，你可以使用`line-height`设置为元素高度，并设置`vertical-align: middle`，例如：

     .vertically-centered {
       line-height: 100%; /* 假设元素高度为100px */
       display: flex; /* 或 inline-block for non-flexbox browsers */
       align-items: center;
     }

- 如果是`inline`元素，可以尝试`position: relative`配合`top: 50%`，然后负边距调整：

     .vertically-centered-inline {
       position: relative;
       transform: translateY(-50%);
     }

2. **加粗**:
使用`font-weight`属性设置为`bold`：

     .bold-text {
       font-weight: bold;
     }

3. **灰色显示**:
使用`color`属性设置为灰色值，如`gray`、`grey`或颜色代码如`#999999`：

     .gray-text {
       color: gray; /* 或者 gray, grey, #999999等 */
     }

结合这三点，将它们应用到同一个元素上，如下示例：

<div class="vertically-centered bold-gray-text">
  这是一段加粗并垂直居中的灰色文本
</div>