完成了网页框架的构建,下一步就该使用css来布局和修饰了,使用css的方法可以简单的概括为:
1、选择符,选择符表示要定义样式的对象,可以是元素本身,也可以是一类元素或者指定名称的元素,后面将详细介绍
2、选择属性,选择属性是指定选择符所具有的属性,它是css的核心,css共定义了150多个属性,css定义的大部分属性都可以适用于任何选择符,这是因为所以xhtml元素都是基于盒模型构建的,关于盒模型以后专门研究
3、定义属性值,属性值包括常见的数值加单位,如25px,其中25表示数值,px表示单位,即像素或像素点的意识,它是屏幕显示的最小单元,我们常说的显示器大小为1024*768,就是说屏幕宽度由1024个像素点组成,高度由768个像素点组成,也可以是百分比,如29%,百分比值一般都参照父级元素的相同属性来确定,或是范围,如顶部,底部,左侧,右侧等。
每个css样式都必须由两部分组成,选择符和声明,声明包含属性和属性值,在每个声明之后要用分号表示一个声明的结束。其中在规则的最后一条声明中可以省略分号,但建议设计师养成用分号结束声明的习惯,基本语法如下:天津网站建设,天津网站优化,汽车玻璃,商业策划招商,钢板桩租赁,天津废锡回收,天津网站制作
selector {property : value}
例如:body {padding:0px;}
其中body是选择符,表示元素本身,即<body>标签,padding是属性,表示补白,0px表示属性值,这条样式所呈现的效果是清除页面与浏览器边框之间的距离,实现页面与浏览器边框无缝显示。
一个样式不仅可以包含一个声明,还可以包含无限个声明,声明之间使用分号隔开,例如:
body{padding:0px;
font;12px ;
color:#333333;}
上面的样式定义元素的三个属性,即清除页边距,设置页面显示字体大小,行高,字体和字体颜色,下面我们将从选择符,属性和属性值三个大的方面全面诠释css基本规则和使用技巧。css样式的强大,灵活首先体现在选择符上,选择符类型的多少与灵巧决定着我们应用样式的广度和深度,精致细腻的网页页面需要用户更精确的控制样式应用的对象,这与ps的选择工具类似,我想如果没有精确的定位,也就没有ps鬼斧神工的图像处理能力,灵活选用选择符是布局的基础,其中包含很多智慧和技巧,需要网页设计师去总结和实践。
css选择符包含4大类,类型选择符,id选择符,class选择符和特殊选择符,其中兼容列表仅就ie浏览器进行说明,符合标准的现代浏览器都支持这些选择符,所有旧不再说明。