CSS 规则由两个主要的部分构成:选择器(selector),以及一条或多条声明(declaration)。
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成,属性和值被冒号分开,使用花括号 { } 来包围声明。
属性(property)是您希望设置的样式属性(style attribute),每个属性有一个值(value)。
格式如下:
selector {declaration1; declaration2; ... declarationN } selector {property: value}实例
h1 {color:red; font-size:14px;}注释:上面这行代码的作用是将 h1 元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素。
p { color: red; } p { color: #ff0000; } p { color: #f00; } p { color: rgb(255,0,0); } p { color: rgb(100%,0%,0%); }提示:请注意,当使用 RGB 百分比时,即使当值为 0 时也要写百分比符号。
p {font-family: "Microsoft Yahei", Arial, "sans serif";}
p { text-align: center; color: black; font-family: arial; }注释:上面的例子定义了一个字体为 arial 文字颜色为黑色的居中段落。
body { color: #000; background: #fff; margin: 0; padding: 0; font-family: Georgia, Palatino, serif; }
评论