可以减少此代码，并且仍然具有相同的效果吗？

Question

下面的代码是否不必要？我认为我已经超出要求，或者可能没有遵循最佳实践。

#button {
    color: #fff !important;
    text-transform: uppercase;
    text-decoration: none;
    background: #grey;
    padding: 1%;
    border-radius: 6px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 350px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-family: Avenir;
    cursor: pointer;
    border: none;
    transition: all 0.4s ease 0s;
    z-index: 5;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

Answer 1

是，如果使用的话，它本来可以更紧凑一些

margin: 0 auto;

Answer 2

您也可以使用字体速记。

font: font-style font-variant font-weight font-size font-family;

因此，您的情况：

font: bold 20px Avenir;