【CSS(层叠样式表)】是用于控制网页元素外观的一种技术。CSS的好处在于它将网页的结构(HTML)和样式分离,使得设计者可以独立地更改样式而不会影响到内容,同时也支持样式复用,方便维护和统一网站风格。
CSS的语法结构包括选择符和属性。选择符通常是HTML标签名,如`h1`、`h2`,或者类名称(以英文句点"."开头)和ID(以英文井号"+"定义)。属性定义在大括号`{}`内,如`font-size`、`font-family`等,每个属性后面跟一个冒号,属性值则以分号结束。例如,`p {font-size: 12pt; font-family: 隶书;}`。注释在CSS中以`/*...*/`表示。
CSS的使用有两种方式:内嵌和外联。内嵌是将CSS代码放在HTML文档的`<style>`标签内,而外联则是通过`<link>`标签引用外部CSS文件。此外,还可以使用`@import`命令在HTML中导入样式表。
在Dreamweaver(DW)中,创建CSS样式有两种方法:一是通过“CSS样式”面板右键选择“新建”;二是点击面板上的加号按钮打开新建对话框。对于外部CSS样式表的使用,可以通过“CSS样式”面板的“附加样式表”功能添加。
CSS中的类(Class)和ID(ID)是定位元素的重要工具。类可以让多个元素共享相同的样式,以`.`开头,如`.intro`;ID是唯一标识符,以`#`开头,如`#studentid`。在HTML中,通过`class`和`id`属性将这些类和ID应用到元素上。ID只应用于内容唯一的元素,而类可以应用于多个元素。
CSS编辑器通常包含多种编辑功能,如设置字体、字号、颜色、背景、行高、文字粗细、变量、文本修饰等。例如,可以使用`color`属性改变文字颜色,`background-color`设置背景色,`font-weight`调整文字粗细,`line-height`定义行间距,以及`text-decoration`添加下划线等效果。
通过这些知识点,网页设计师可以使用Dreamweaver和CSS创建出具有专业外观和统一风格的网页,同时提高工作效率和维护性。