教学课件：CSS入门知识(一)
点击数：2683 发布时间2012-01-22 23:39:29
在了解XHTML 代码规范后，我们就要进行 CSS 布局。首先先介绍一些 CSS 的入门知识。
CSS 是Cascading Style Sheets(层叠样式表)的缩写。是一种对web 文档添加样式的简单机制，属于表现层的布局语言。 其定义的位置主要有：
行间样式表、内部定义、外部定义
1.基本语法规范
分析下面典型CSS 的语句：
p {color:#FF0000;background:#FFFFFF}
其中"p"我们称为"选择器"(selectors)，指明我们要给"p"定义样式；
样式声明写在一对大括号"{}"中；
color 和background 称为"属性"(property)，不同属性之间用分号";"分隔；
"#FF0000"和"#FFFFFF"是属性的值(value)。
.box {
margin:1px 1px 1px 1px;
padding:3px 5px;
border:1px #ff0000 solid;
}
#header {
margin:0 auto;
width:910px
padding:0
background:url(“image/banner.jpg”)
}
对于不同的选择器，定义方法不同，我们在使用时的方法也不同
2.颜色值
颜色值可以用 RGB 值写，例如：color : rgb(255,0,0)，也可以用十六进制写，就象上面例子 color:#FF0000。如果十六进制值是成对重复的可以简写，效果一样。例如:#FF0000可以写成#F00。但如果不重复就不可以简写，例如#FC1A1B 必须写满六位。
3.定义字体
web 标准推荐如下字体定义方法：
body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; }
字体按照所列出的顺序选用。
