CSS语法基础的一些速记。简要地介绍了CSS的语法和CSS的各种选择器。

CSS实例

CSS声明总是以分号(;)结束，声明总以大括号({})括起来:

p {color: red; text-align: center;}

为了让CSS可读性更强，你可以每行只描述一个属性:

p {
    color: red;
    text-align: center;
}

CSS注释

注释是用来解释你的代码，并且可以随意编辑它，浏览器会忽略它。实例如下:

/*这是个注释*/
p {
    text-align: center;
    /*这是另一个注释*/
    color: black;
    font-family: arial;
}

CSS选择器

• CSS派生选择器：
  派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使HTML代码变得更加整洁。比方说，如果希望列表中的strong元素变为斜体字，而不是通常的粗体字，可以这样定义一个派生选择器：

    li strong {
        font-style: italic;
        font-weight: normal;
    }
  

• CSS id选择器：
  id选择器可以为标有特定id的HTML元素指定特定的样式。HTML元素以id属性来设置id选择器，CSS中id选择器以“#”来定义：

    #para1 {
        text-align: center;
        color: red;
    }
  

• CSS class选择器
  class选择器用于描述一组元素的样式，class选择器有别于id选择器，class可以在多个元素中使用。class选择器在HTML中以class属性表示，在CSS中，类选择器以一个点“.”号显示：

    .center {
        text-align: center;
    }
  

  也可以指定特定的HTML元素使用class：

    p.center {
        text-align: center;
    }
  

• 属性选择器
  可以为拥有指定属性的HTML元素设置样式，而不仅限于class和id属性。下面的例子为带有title属性的所有元素设置样式：

    [title] {
        color: red;
    }