学习CSS（2）- 视觉规则

学习CSS（1）- 语法和选择器

字体大小

font-size 属性用于设置文本大小。字体大小的值可以是许多不同的单位或类型，如像素。

font-size: 30px;

字体粗细

font-weight CSS属性可以用来设置文本的粗细。提供的值可以是一个关键词，如粗体或正常。

font-weight: bold;

字体家族

font-family CSS属性用于指定规则集中的字体。字体必须对浏览器可用，才能正确显示，要么在电脑上，要么作为网络字体链接。如果字体值不可用，浏览器将显示其默认字体。

h2 {
  font-family: Verdana;
}
 
#page-title {
  font-family: "Courier New";
}

文本对齐

text-align CSS属性可用于设置内联内容的文本对齐。这个属性可以被设置为这些值：左、右或居中。

text-align: right;

背景颜色

背景色CSS属性控制元素的背景色。

background-color: blue;

背景图片

在CSS中，url()函数被用来包裹资源URLs。这些可以应用于几个属性，如背景-图像。

background-image: url("../resources/image.png");

!important规则

!important规则用于声明，以覆盖一个属性的任何其他声明，并忽略选择器的特殊性。!important规则将确保一个特定的声明总是适用于匹配的元素。然而，一般来说，避免使用 !important 是很好的，因为这是不好的做法。

#column-one {
  width: 200px !important;
}
 
.post-title {
  color: blue !important;
}

不透明度

不透明度CSS属性可用于控制一个元素的透明度。这个属性的值范围是0（透明）到1（不透明）。

opacity: 0.5;

参考资料：Codecademy