CSS 语法由选择器和声明组成,选择器定义需要改变样式的 HTML 元素,声明定义要设置的样式,声明由一个属性和一个值组成
h1 {color:red; font-size:14px;}
属性值可以有多种写法:
p { color: red; } # 使用英文单词来表示 p { color: #ff0000; } # 使用十六进制的颜色值来表示 p { color: #f00; } # 使用CSS的缩写形式来表示 p { color: rgb(255,0,0); } # 使用RGB值来表示 p { color: rgb(100%,0%,0%); } # 使用RGB百分比来表示
p { font-family: "sans serif"; } # 注意:如果值为若干单词,则要给值加引号,且CSS对大小写不敏感
如果有多个声明,我们一般这么写:
body { color: #000; # 注意不要忘记空格与分号 background: #fff; margin: 0; padding: 0; font-family: Georgia, Palatino, serif; }
我们还可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明:
h1,h2,h3,h4,h5,h6 {
color: green;
}
关于继承:根据 CSS,子元素从父元素继承属性,如下定义中,所有在 <body> 中的元素都会继承 <body> 元素的属性
body { font-family: Verdana, sans-serif; }
如果你不想继承父元素的属性,那你可以定义一个属于子元素的属性,如下:
body { font-family: Verdana, sans-serif; } p { font-family: Times, "Times New Roman", serif; }