CSS笔记01-基本语法

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中某个元素继承这个属性，那就需要单独对这个元素进行设置。