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; }