完成了网页框架的构建,下一步就该使用CSS来布局和修饰了。使用CSS的方法可以简单概括为:
(1)选择符:选择符表示要定义样式的对象,可以是元素本身,也可以是一类元素或者指定名称的元素,后面将详细介绍。
(2)选择属性:选择属性是指定选择符所具有的属性,它是CSS的核心,CSS 2共定义了150多个属性。CSS定义的大部分属性都可以适用于任何选择符,这是因为所有XHTML元素都巒盒模型构建
(3)定义属性值:属性值包括常见的数值加单位,如25px,其中25表示数值,px表示单位,素或像素点的意思,它是屏幕显示的最小单元,我们常说的显示器大小为1024px*768px,就是说屏幕宽度由1024个像素点组成,高度由768个像素点组成;也可以是百分比,如29%,百分比值一般都参照父元素的相同属性值来确定或是范围,如top c顶部,right右侧bottom底部。left左侧等。
个CSS样式(或者说规则)都必须由两部分组成:选择符(Selector)和声明又包括属性(Property)和属性值(Value)。在每个声明之后要用分号表示一个声明的结束。其中在规则的最后一条声明中可以省略分号,但建议设计师养成用分号结束声明的习惯。基本语法如下:
Selector ~ Property:value;}
例如:
body {
天津网站建设;
天津网站制作;
padding:0px;
}
其中body是选择符,三,表示元素本身,即<body>标签;padding是属性,表示补白(也称内边距);Opx表示属性值。这条样式所呈现的效果是清除页面与浏览器边框之间的距离,实现页面与浏览器这框无缝显示。个样式不仅可以包含一个声明,还可以包含无限个声明。声明之间使用分号隔开,例如:
body {
font: 12px/l.8em”宋体";
color:#333;
}
上面样式定义了body元素的三个属性,即清除页边距,设置页面显示字体大小、行高、字体和字体颜色。下面我们将从选择符、属性和属性值三个大的方面全面阐述CSS基本规则和使用技巧。