《CSS样式NEW.docVIP

典型实例----为页面创建css样式 设计结果: 使用css样式来控制 products/list.asp 文档中的文字大小、文本格式、背景图像、边 框属性，如图1所示。 图1 添加了CSS样式的文档显示效果 设计思路: (1)创建一个外部css样式文件，通过链接引用到文档中。 (2)将原先的HTML标签属性去掉。 (3)对特殊标签属性通过创建新的css样式来设置。 (4)对通用的标签属性通过重新定义标签属性来设置。 具体的制作步骤 打开素材中的的products/1ist.asp网页文档，将页眉、页脚部分删除。打开css样式面板，查看文档中的css样式 提示:在第2章中设置页面属性时，系统自动将其转换为css样式并应用到页面中。 2.单击 (新建css样式)按钮，对body标签属性进行重新定义，如图2所示。 图2 新建CSS样式面板 3.单击确定按钮，在【保存样式表文件为】对话框中为新的css样式文件 命名，如图3所示 图3保存样式表文件为对话框 4.单击保存按钮，进入【body的css样式定义(在css.css中)】对话框，切 换至【背景】分类，设置文档的【背景颜色】属性，如图4所示。 图4 在背景分类中设置背景颜色属性 5.切换至【方框】分类，将【边界】属性全部设置为0，如图5所示。 图5 在方框分类中设置的边界属性 6、单击确定按钮，完成设