[分享]css中如何根据属性设置样式

在CSS中，我们可以使用属性来设置样式。下面是一些常用的属性：

color: 颜色值;
background-color: 背景色值;
font-size: 字体大小;
font-family: 字体族;
text-align: 文本排版方式; 

使用这些属性，我们可以设置元素的样式。例如：

p {
    color: white;
    background-color: black;
    font-size: 16px;
    font-family: Arial, sans-serif;
    text-align: center;
} 

这样，我们就设置了所有p元素的样式。在这个例子里，我们设置了字体的颜色为白色，背景色为黑色，字体大小为16像素，字体为Arial（如果Arial不存在，则使用sans-serif作为备选字体），文本排版方式为居中对齐。

如果我们只想设置特定的p元素，我们可以使用类或ID选择器：

<p class="important">这是一个重要的段落</p>

<p id="highlight">这里是被强调的段落</p>

.important {
    font-weight: bold;
    color: red;
}

#highlight {
    background-color: yellow;
} 

在这个例子中，我们使用类选择器 ".important" 来设置字体加粗和颜色为红色。而我们也使用ID选择器 "#highlight" 来设置背景色为黄色。这样，我们可以分别对不同的段落设置不同的样式。