Dreamweaver中层叠样式定义及创建

来源:百度文库 编辑:神马文学网 时间:2024/05/02 06:19:14
Dreamweaver中层叠样式定义及创建
Dreamweaver 8中默认的字体文本都比较大,需要自己手动来设置这些文本,但逐一设置很麻烦,运用层叠样式就可以很方便地对整个网页中的文本进行字体设置,另外还可以用层叠样式来创建十分精美的表格线框等。 
在设计网页时,常常需要对网页中各种元素的属性进行设置,一般来说在同一个网站的所有页面中,相同类型的网页元素具有相同的属性,如所有正文的字体、大小和字体颜色都是一样的,所有图片的边框粗细和颜色也都是一样的。但如果逐一设置会做许多重复的工作,而且很容易出错,并且当需要对属性进行修改时,也需要逐一进行修改。 
要想在文档中使用CSS样式,可以创建新的CSS样式,也可以链接或导入文档外部的CSS样式。在创建CSS样式前,先来了解一下CSS样式的定义。 
1.层叠样式的定义  
CSS是“层叠样式表”的简称,通过CSS可以精确定制网页中的文本格式,不仅可以控制一个页面的文本格式,而且采用外部链接的方式,可以控制多个页面的文本格式。 
    CSS样式表有多种定义方式,主要有标签CSS样式、类CSS样式、伪类CSS样式等几种方式。 
2.认识【CSS样式】面板
【选择【窗口】→【CSS样式】命令或按【Shift+F11】组合键打开【CSS样式】面板 ,如图所示。 
3.创建层叠样式
在【CSS样式】面板中创建CSS样式
4.CSS样式的具体定义
CSS样式有8个类别。 
    1)类型  
    2)背景  
    3)区块  
    4)方框   
    5)边框  
    6)列表  
    7)定位  
    8)扩展 
Dreamweaver中层叠样式定义及创建