学习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