CSS用来定义如何显示HTML元素
CSS规则主要由两个部分构成:选择器,以及一条或多条的声明
selector {declaration1; declaration2; ... declarationN }
选择器通常为需要改变样式的HTML元素
每条声明由一个属性和值组成
属性(property)想要设置的样式属性,每个属性都有一只值。属性和值用:隔开
selector {property: value}
下面这是把h2元素的背景颜色设置为红色
h2 {
background: red;
}
多重声明
如果对同一个元素,需要定义多个样式属性,属性之间需要使用;隔开。最好每行只写一个属性,增加可读性
p {
text-align: center;
color: black;
}
空格和大小写
是否包含空格不会影响 CSS 在浏览器的工作效果,CSS 对大小写不敏感。不过存在一个例外:如果涉及到与 HTML 文档一起工作的话,class 和 id 名称对大小写是敏感的。
分组
可以对多个选择器进行分组,这样多个选择器可以使用共同的声明。用,将需要分组的选择器隔开
h1,h2,h3 {
background: red;
}
继承
在CSS中,子元素将最高级元素所拥有的的属性
body {
font-family: Verdana, sans-serif;
}
上面代码中为body元素设置了字体。那么在body内的其他元素,比如<h1>,<p>等元素的字体也会使用这个字体
如果不想让body中某个元素继承这个属性,那就需要单独对这个元素进行设置。