CSS基础语法

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名称对小写是敏感的。