CSS语法
CSS规则有两个部分组成:选择器,以及一条或多条声明。
选择器{声明1;声明2;}
选择器通常是您需要改变的样式的HTML元素。
每一个声明由一个属性和一个值组成。
属性是您想要设置的样式属性,没一个属性有一个值,属性和值被冒号分开。
选择器{属性:值}
例子
h3{color:red;} h3 是选择器, color:red; 是声明 color 是属性 red 是值
注意:使用花括号进行声明;
值的不同写法和单位
除了英文单词red,还可以使用十六进制的颜色设置值 #ffff00;
p{color:#ffff00;}
节约字符串的表示
p{color:#ff0;}
通过RGB的方式
p{color:rgb(255,255,0);} p{color:rgb(100%,50%,0);}
注意:当使用RGB百分比时,及时值为0时也要写百分比符号。在其他的情况不需要这么做,比如说,当尺寸为0时,不需要写使用像素px单位。
提示:如果值为若干单词,需要给值加引号
引号使用
span{font-family: "sans serif";}
多重声明:
提示:如果定义声明不止一个,则需要分号把把每个声明分开。最后一个声明可以不使用分号,因为在英文中分号是一个分隔符号,不是结束符号。但建议还是需要在最后的末尾增加分号,防止不比较的错误发生。
span{font-family: "sans serif";fong-size:12px;}
建议规范的写法,在每一行的写法如下;
span{ font-family: "sans serif"; fong-size:12px; }
空格和大小写
大多数样式表包含不止一条规则,而大多数规则包含不止一个声明。多重声明和空格使用的样式表更加容易被编辑:
span{ font-family: "sans serif"; fong-size:12px; font-family: Georgia, Palatino, serif; }
CSS对大小写不敏感,,如果和html文档一起工作的话,class和id名称对小写是敏感的。