网页制作Adobe Dreamweaver CS3003iu

网页制作Adobe Dreamweaver CS3003iu 二十，CSS的应用 HTML标签样式(用在整体) 例如我们为一个网页内容正文的文字大小制定css样式表。 我们首先在右边工具栏中打开css工具栏，点击栏中右下角的按钮，就会出现对话框，在类型中选择第二项“标签”项， 然后在下面的第一个下拉菜单中会出现很多html标记，这些都是重定义的标签。假如我们要把页面中所有单元格内的文字都设为小号，就可以选择单元格标签“td”就行了，暂时我们默认下面的设置，单击确定。就会出现下面的对话框，我们就可以在其中定义我们的需要。例如字体大小就可以在大小中，选择小型字体。记得单位用“点数”。单击确定。然后预览就可以得出效果。(当然我们可以在下拉菜单中按照我们的需要定义各种元素的样式)(标签名称对应的位置我们可以点击某一位置，在 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 栏的左下角就出现相应的标签名称) 自定义样式(用在局部) 我们首先在右边工具栏中打开css工具栏，点击栏中右下角的按钮，就会出现对话框，在类型中选择第一项“类”项，然后再名称栏中选择自己要定义的名称，注意在这里输入名称时，我们首先要输入“.”然后再输入我们要定义的属性的名称，例如:输入白色字体吗，就可以输入.white，这个只是一个名字。确定后，选择自己需要改变的属性。例如如上例中的属性，可以在颜色中选择白色。然后确定即可。定义好的自定义样式是不会主动应用的，而是要我们自己选择应用区域， 所以首先我们选中我们需要应用的区域，然后在下面的属性栏中的“样式”中的下拉菜单中就会有我们前面定义的样式表，选择即可应用了。 链接文字样式 我们首先在右边工具栏中打开css工具栏，点击栏中右下角的按钮，就会出现对话框，在类型中选择 第三项“高级”项，在“选择器”的下拉菜单中就会出现四项，可以根据需要任意选择，确定后在新对话框中选择需要的属性即可完成了，这种样式表是自动应用的，而且是应用到整个页面的，。 Link:默认的链接visited:访问过的后的hover:鼠标上滚的active:摁下去正在激活的 那么局部的链接样式表的制作， a.name:hover a.name:active a.name:link a.name:visited 在右边工具栏中打开css工具栏，点击栏中右下角的按钮，就会出现对话框，在类型中选择第三项“高级”项，然后在选择器中输入a.需要设定的属性(也就name): hover / active / link / visited。例如:我们要把链接设定为蓝色。就可以输入:a.blue:link。确定后在新对话框中选择相应的属性。效果不会自动应用，和上面自定义样式表的应用方式一样。(在同一个网页中，设定自定义链接时，各种状态的name不要改变。) 二十一，Css样式设定详解之文字设置:文字设定，字体，字号，样式，行高，文字修饰，文字粗细，字号变化，大小写，颜色和下图中的一些设置。 设置时我们都是通过对样式的定义完成的，我们可以新建也可以在右边css栏中双击某一个样式进行编辑设定。 二十一，Css样式设定详解之背景设置:色彩，图片，重复方式，固定背景，水平方向位置，垂直方向位置。 这里的定义也是和上面的文字一样，同样是按照需要先选择我们定义的样式类型(类，标签或高级)，然后就是在对话框中选择“分类”栏中的我们需要设置的类别。然后就是按照需要进行相应的设置。 重复:就是设置关于图片的平铺问 题 快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题 和横纵重复问题。可以根据需要去设置。 附件:就是设置图片是固定在画面还是随着页面的滚动而发生滚动 水平位置和垂直位置:就是关于图片在背景中的位置设置。 二十二，Css样式设定详解之边框设置:宽度高度;颜色;风格 这里的定义也是和上面的文字一样，同样是按照需要先选择我们定义的样式类型(类，标签或高级)，然后就是在对话框中选择“分类”栏中的我们需要设置的类别。然后就是按照需要进行相应的设置。 二十三，Css样式设定详解之扩展设定:光标类型，滤镜 在页面中，鼠标光标发生变化的设置。 这里的定义也是和上面的文字一样，同样是按照需要先选择我们定义的样式类型(类，标签或高级)，然后就是在对话框中选择“分类”栏中的我们需要设置的类别。然后就是按照需要进行相应的设置 我们打开光标的下拉菜单，会出现很多属性。我们可以根据需要设置。从上到下分别是:十字线光标;输入文字时的光标;沙漏光标;默认的光标;带问号的光标;下面八项是光标指向不同方向(东西南北方)的设置光标;最后是自动的。我们可以在页面中针对不同的对象设置不同的光标效果。 滤镜设置:针对图像设置可视化效果，也可以应用在文字等其他文件上，可以实现透明，模糊，翻转等效果。我们打开过滤器的下拉菜单，会出现很多属性。我们可以根据需要设置。注意，下拉菜单中的许多语言都是带有问号的，那是需要我们自行去进行设置的。(因为我们得去查清楚各个英语的意思) Alpha，是设定透明度的，opacity是设置透明度(250)，finishopacity是设置结束时透明的，style设置透明的形状，有四个值:0标准默认的;1线形;2放射状;3矩形。StartX/y是起始坐标值，finnishX/Y是结束坐标值 Blur，做模糊的效果。Add，默认为一般情况，有两个值true(印象派模糊)和false;direction设定模糊的方向，0是向上;strength模糊的程度 FlipH是对图片进行水平翻转的效果。 FlipV是对图片进行水平翻转的效果。 Gray产生灰度照图，就是变为黑白照片 Invert是翻转的，把整个对象(照片)的可视化属性(亮度，可视化等)都做翻转，进行反向。产生底片效果 Wave给图像产生波纹的效果。Add是否添加波纹，如果添就写上add;freq定义波纹的频率，定义数量，lightstrength波纹对于光影增强的效果，取值从0~100，phase用来设定波的偏移量，定位45，strength是力度，设定振幅的大小的。 Xray，X光射线效果，和底片有点类似。 二十四，CSS层叠样式表(内部css,外部css)(第20讲) 在上面我们所进行的样式表制定都是属于内部css的。 外部css:为整个网站的页面设置样式表 一般我们在制作一个网页时，免不了总是要设定一些属性，例如文字属性，图片，表单等一系列的属性，因此也就自动形成了各种css样式表。另外我们自己根据需要也制定了一些样式表，这些都是内部css样式表。我们现在需要对所有这些样式表进行导出。在代码中把样式表代码复制出来(下面结构中只要复制……部分的内容)然后“文件”-“新建”-CSS样式表文件，把复制的代码粘贴进去保存到站点里，再到属性栏中“样式”列表里选择“附加样式表”，找到刚刚保存的样式表文件就可以了 1、 存为一个文档。这就是外部样式表。 2、 外部样式表应用在网页中，在软件右边的css样式工具栏中是下面单击按钮，然后在对话框中选 择我们保存的样式表，其他默认即可，这样就把样式表应用到网页了。 外部样式表的应用，是针对网站的多个页面的，他能把我们定好的样式表运用到网站内的所有页面。所有的页面的样式都是一样的，这样一方面方便应用，添加网页时，我们不必为每一个网页去设置属性了，直接应用我们设定的css样式表即可。另一方面当我们需要对网站所有页面的某一个属性进行修改或更改时，我们不必去逐一设置了，只需要对我们制定的css文件里的属性进行改变(可以是代码定义，也可以在软件右边的css样式工具栏中双击进行可视化修改)，然后保存即可，所有网站的属性就会改变，这样方便简单。 外部样式的导出，我们在上面介绍的是根据以前我们在某一个网页中设定的内部样式为蓝本制定的外部样式表，从而应用到各个页面。其实，外部样式表我们还可以直接建立css样式文件。 第21课时对前面的css样式表的复习