dw中css样式怎么设置

【CSS的属性】

通过上面的介绍，大家会发现CSS定义样式有八个大类，每个类都有自己相应的属性。

此主题相关图片如下：

下面分别介绍各类的功能以及设置后的效果。 【类型】

包含9种CSS属性，主要针对网页中的文本。

此主题相关图片如下：

下面是按照上图参数设置出的效果：

此主题相关图片如下：

【背景】

背景的功能是在网页的元素后面放置固定的背景色或者图像，（注意：是网页元素后的背景色或背景

图像，而不是网页的背景色或背景图像）其参数面板如下：

此主题相关图片如下：

此主题相关图片如下：

提示：在设置背景图像时，最好同时指定一种背景色。这样在下载背景图像时，背景色会首先出现在屏幕上，而且它会透过背景图像上的透明区域显示出来。

下面是按照上图参数设置出的效果：

此主题相关图片如下：

【区块】

区块是指网页中的文本、图像、层等元素的集合，区块属性用于控制块中内容的间距、对齐方式、文本缩进等，其属性参数面板如下：

此主题相关图片如下：

下面是按照上图参数设置出的效果：

此主题相关图片如下：

【方框】

CSS将网页中所有的块元素都看作包含在一个虚拟的方框内，这个方框包含四个部分：

此主题相关图片如下：

ver的CSS样式里包含了W3C规范定义的所有CSS1的属性，Dreamweaver把这些属性分为Type（类ckground（背景）、Block（块）、Box（盒子）、Border（边框）、 List（列表）、Positioning、Extensions（扩展）八个部分，如下图，下面我们分别详细讲解。

Type（类型）

板主要是对文字的字体，大小，颜色，效果等基本样式进行设置。设置时，我们只对要改变的属性，没有必要改变的属性就空着。

性名带*号的是指样式效果不能在编辑文档时显示，要用浏览器打开才能看到效果。

置字体系列。什么叫字体系列呢？是指对文字设定几个字体，当遇到第一个字体不能显示的文字用系列中的第二个字体或后面的字体显示。相对应的CSS属性是”font-family”。

eamweaver4已经内置设定了6个系列的英文字体，一般英文字体我们用“Verdana, Arial, a, sans-serif”这个系列比较好看。如果不用这些字体系列，你就需要自己编辑字体系列，你可拉框最下面的“Edit Font List”来创建新的字体系列，也可以直接手动在下拉框里写字体名，用逗号隔开。中文网页默认字体是宋体，一般就空着不要选取任

CSS样式表翻译

类型（Type）面板主要是对文字的字体，大小，颜色，效果等基本样式进行设置。设置时，我们只对要改变的属性进行设置，没有必要改变的属性就空着。

注意：属性名带*号的是指样式效果不能在编辑文档时显示，要用浏览器打开才能看到效果。

类 型

·font-family：规定元素的字体系列

family-name ：用于某个元素的字体族名称或/及类族名称的一个优先表 generic-family：默认值：取决于浏览器 inherit：规定应该从父元素继承字体系列

·font-size：属性可设置字体的尺寸

xx-small、x-small、small、medium、large、x-large、xx-large：把字体的尺寸设置 为不同的尺寸，从 xx-small 到 xx-large。默认值：medium Smaller：把 font-size 设置为比父元素更小的尺寸

Larger：把 font-size 设置为比父元素更大的尺寸 Length：把 font-size 设置为一个固定的值 %：把 font-size 设置为基于父元素的一个百分比值 Inherit：规定应该从父元

一、选择题

1． CSS是（ ）的缩写。 A． Colorful Style Sheets B． Computer Style Sheets C． Cascading Style Sheets D． Creative Style Sheets

2． 引用外部样式表的格式是（ ）。 A．

《网页设计制作》上机实验

实验3CSS样式表的设置与应用

一、实验目的

1．掌握CSS样式的作用

2．掌握CSS样式的创建和使用

二、实验要求

1. 掌握使用CSS样式面板创建4种基本选择器类型的CSS样式。 2. 掌握以内部样式、外部样式使用CSS样式的方式

三、实验内容和步骤

CSS（Cascading Style Sheet，层叠样式表）技术是一种格式化网页的标准方式，它通过设置CSS属性使网页元素获得各种不同效果。CSS不是一种程序设计语言，而只是一种用于网页排版的标识性语言，是对现有HTML语言功能的补充和扩展。

CSS的主要功能是通过对HTML选择器进行设定，来实现对网页中的字体、字号、颜色、背景、图像及其他元素的控制，使网页能够完全按照设计者的要求来显示。

CSS的定义由三部分构成：选择符selector、属性property和属性值value。其基本格式如下：

selector{property l:value l;property 2:value 2;??}

其中selector（选择符）表示需要应用样式的内容，property表示由CSS标准定义的样式属性，value表示样式属性的值。

准备工作

1 以解压缩后的“实验3”

div css

div css

div css

div css

div css

div css

div css

div css

div css

div css

div css

div css

div css

div css

div css

div css

div css

div css

div css

用CSS样式让div内元素垂直居中

<style>
body {padding: 0; margin: 0;}
body,html{height: 100%;}
#outer {height: 100%; overflow: hidden; position: relative;width: 100%; background:ivory;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%;width: 400px;margin: 0 auto;} /* for explorer only */
div.greenBorder {border: 1px solid green; background-color: ivory;}

Chart

ChartBorder 图表区域的边框设置 ChartFill 图表区域的背景填充

Legend 图表的注释标签显示设置项目，一组数据对应一种颜色的注释

IsHStack 当有多个显示项的时候设置Y轴数据是叠加的还是分开的

Xaxis 图表区域的X轴相关信息设置 AxisColor 坐标轴颜色

Cross 坐标的原点，可以设置坐标的偏移程度

CrossAuto 原点自动设置：True的话Cross的设置就无效了。

FontSpec X轴标题字体相关信息

第四章CSS样式表

表单中提交数据方法有哪两种以及区别？ 表单中有哪些主要的元素？ 框架的作用是什么？

超链接A的Target属性的取值有哪些及其作用？

美化“淘宝网”页面

制作并美化“注册”页面

会创建统一外观的字体文本 会创建无下划线的超链接的样式

会创建个性化的表格

会创建个性化的网页

重点

样式概念 样式规则 样式文件

难点

类样式 对象样式 标签样式 样式文件

本章纲要 为什么需要CSS样式表 样式表的基本语法 常用的样式属性 样式表的三类应用方式 如何使用在网页中使用外部样式表 总结

HTML标签的外观样式比较单一

页面色彩不生动 样式修改不方便

样式表的作用相当于华丽的衣服

外观不同相同内容

美工做样式

内容与样式和谐统一的完整网页

程序员写代码

样式表的基本结构

声明文档样式表结束

文档样式表开始，类型为CSS样式

样式规则

<style type="text/css">

p{color:red;font-size:30px;font-family:隶书;}

……</style>

样式规则

属性

p{color:red; font-size:30px; font-family:;}

选择器

属性的值

本页面中所有的p标

第9章 CSS层叠样式表的应用

第9 章

CSS层叠样式表的应用

9.1 关于CSS样式表 9.2 创建新的CSS样式 9.3 【CSS样式】面板的使用

第9章 CSS层叠样式表的应用

9.1

关于CSS样式表

一、使用CSS的优点 1. 控制页面中的每一个元素(精确定位)。 2. 对HTML语言处理样式的最好补充。 3. 把内容和格式处理相分离，减少工作量。

第9章 CSS层叠样式表的应用

9.1 关于CSS样式表二、CSS的类型 自定义CSS样式

自定义CSS样式(也称为类样式),可以将样式属性设 置为任何文本范围或文本块。 HTML标签样式，用于重新定义特定标签，如H1的格式。 创建或更改H1标签的CSS样式时，所有用H1标签设置了 格式的文本都立即更新。 CSS选择器样式重定义特定标签组合的格式(如每当H2 标题出现在表格单元格内时都应用td h2),或重定义包 含特定id属性的所有标签的格式。

HTML标签样式

CSS选择器样式

第9章 CSS层叠样式表的应用

9.1 关于CSS样式表三、 CSS样式在网页文档中的3种存在方式 1. 外部文件方式

外部CSS样式文件，是一系列存储在一个单独 的外部文件.css文件(并非HTML文件)中的 CSS样式。 C