Web2.0时代给人的是焕然一新的设计界面和内容布局。由于CSS是统一的标准,几乎所有的Web开发工具都支持CSS。虽然在Ajax的定义中并没有看到CSS的名字,但开发一个美观的Web程序,却离不开CSS的支持。
1.为页面引入CSS样式的方法
定义CSS样式的方法有三种:在元素内直接定义,在页面Head元素内定义,在文本内定义。
(1)在元素内直接定义。每个元素都有其Style属性,可以在此属性内定义页面元素的布局。此定义的局限性在于只是定义单独的元素,无法实现其他元素的样式共享,并且不利于以后的布局。
(2)在页面Head元素内定义。将对CSS的定义放在“Head”元素内,这样的好处是,整个页面的元素都可以调用此CSS样式,可以实现页面内样式共享,缺点是如果网站内网页太多,次样式无法被其他网页共享。
(3)在文件内定义。将CSS定义的样式放在单独的文件,这样就可以实现整个网站的共享。
2.CSS的结构规则
CSS样式表的定义看起来有些混乱,但都遵循一定的规律。CSS的结构简单来讲有两部分构成,语法如下:
元素名称
{
样式定义
}
(1)元素名称:元素名称包括很多种,最常见的有HTML元素,类,ID号。这三种方式的定义leixi