CSS结构

阅读: 4366    发布时间: 2018-01-11 15:37:48

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。

  • 结构:selector {declaration1; declaration2; ... declarationN }

  • 多个声明用分号隔开,最后一条声明不需要分号,不过为了保持良好编程习惯,建议每条声明都以分号结束

  • 每条声明为一组属性-值,{property: value}

p{color: red;font-size: 20px;}

为了保持良好的可读性,建议每条声明占一行

p{
    color: red;
    font-size: 20px;
}



下面的示意图为您展示了上面这段代码的结构:



CSS选择器

  • css选择器指明了,该段样式作用于html那些元素

  • 选择器分为元素选择器、id选择器、class选择器,属性选择器,派生选择器,后代选择器,子元素选择器,兄弟选择器等

  • 选择器是css非常重要的一块,后面会详细讲解



CSS注释

  • CSS注释以 "/*" 开始, 以 "*/" 结束, 实例如下:

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


-END-