CSS 语法由哪三部分构成?
CSS(Cascading Style Sheets, 层叠样式表), 它是一种用来表现 html 或 xml 等文件样式的计算机语言. 主要用来设计网页的样式, 美化网页; 它不仅可以静态地修饰网页, 还可以配合各种脚本语言动态地对网页各元素进行格式化.
CSS 语法由三部分构成: 选择器, 属性和值; 选择器 (selector) 通常是你希望定义的 HTML 元素或标签, 属性 (property) 是你希望改变的属性, 并且每个属性都有一个值.
语法:
selector {property: value}
选择器 (Selector) 指这组样式编码所要针对的对象, 可以是一个 XHTML 标签, 也可以是特定的 id 或 class 的标签 (前有 #标识);
属性 (Property) 是 CSS 样式控制的核心, 遂于每个 XHTML 标签, CSS 都提供了丰富的样式属性, 比如颜色, 大小, 定位, 浮动方式等.
值 (value) 指属性的值, 有两种形式, 一种是指定了范围的值, 另一种是数值.
属性和值被冒号分开, 并由花括号包围, 这样就组成了一个完整的样式声明 (declaration):
body {color: blue}
上面这行代码的作用是将 body 元素内的文字颜色定义为蓝色. 在上述例子中, body 是选择器, 而包括在花括号内的的部分是声明. 声明依次由两部分构成: 属性和值, color 为属性, blue 为值.
值的不同写法和单位
除了英文单词 red, 我们还可以使用十六进制的颜色值 #ff0000:
p { color: #ff0000; }
为了节约字节, 我们可以使用 CSS 的缩写形式:
p { color: #f00; }
我们还可以通过两种方法使用 RGB 值:p{
color:rgb(255,0,0);
}
p{
color:rgb(100%,0%,0%);
}
请注意, 当使用 RGB 百分比时, 即使当值为 0 时也要写百分比符号. 但是在其他的情况下就不需要这么做了. 比如说, 当尺寸为 0 像素时, 0 之后不需要使用 px 单位, 因为 0 就是 0, 无论单位是什么.
记得写引号
提示: 如果值为若干单词, 则要给值加引号:
p {font-family: "sans serif";}
多重声明:
提示: 如果要定义不止一个声明, 则需要用分号将每个声明分开. 下面的例子展示出如何定义一个红色文字的居中段落. 最后一条规则是不需要加分号的, 因为分号在英语中是一个分隔符号, 不是结束符号. 然而, 大多数有经验的设计师会在每条声明的末尾都加上分号, 这么的好处是, 当你从现有的规则中增减声明时, 会尽可能的减少出错的可能性. 就像这样:
p {text-align:center; color:red;}
你应该在每行只描述一个属性, 这样可以增强样式定义的可读性, 就像这样:p{
text-align:center;
color:black;
font-family:arial;
}
空格和大小写敏感body{
color:#000;
background:#fff;
margin:0;
padding:0;
font-family:Georgia,Palatino,serif;
}
来源: http://www.css88.com/qa/css3/16397.html