dreamweaver13 css样式表

《dreamweaver13 css样式表》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、DreamweaverCS3网页制作CSS样式表主要内容如下CSS样式表的含义CSS样式表的功能和好处CSS样式表的可视化操作重点及难点：CSS样式表的可视化操作一、CSS样式表的含义CSS是CascadingStyleSheet的缩写。译作「层叠样式表单」。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。二、CSS样式表的功能DreamweaverCS3网页制作使用CSS布局的页面有以下好处:将格式和结构分离。以前所未有的能力控制页面布局。制作体积更小下载更快的网页。将许多网页同时更新，比

2、以前更快更容易。浏览器将成为更加友好的界面1.将内容和结构分离。原始的HTML标识语言在控制网页的格式或外观方面，能力有限。HTML语言只定义了网页的结构和各个要素的功能，而让浏览器自己决定应该让各个要素以何种模样显示。但是网页设计者要求的更多。例如：我们可以用、包在

外边控制文章主体的外观等等。然后我们将所有东西都放入表格，用透明GIF空格产生一个20象素的边距。而这就会使得网页代码越来越混乱，编码变得越来越臃肿不堪。如果想DreamweaverCS3网页制作添加新内容到网页中，变得越

3、来越难。CSS样式表通过将定义结构的部分和显示内容的部分分离，使我们能够对页面的布局施加更多的控制。HTML仍可以保持简单明了的初衷，CSS代码独立出来从另一角度控制页面外观。2.更加容易地控制页面的布局。能使我们调整字号，表格标签帮助我们生成边距，这都没错。但是，我们对HTML总体上的控制却很有限。我们不可能精确地生成80象素的高度，不可能控制行间距或字间距，我们不能在屏幕上精确定位图象的位置。但是现在，CSS样式表使这一切都成为可能。3.制作出体积更小下载更快的网页。样式表只是简单的文本，就象

4、HTML那样。它不需要图象，不需要执行程序，不需要插件，不需要流式。它就象HTML指令那样快。有了CSSDreamweaverCS3网页制作之后，以前必须求助于GIF的事情现在通过CSS就可以实现。使用CSS样式表可以减少表格标签及其它加大HTML体积的代码，减少图象用量从而减少文件尺寸。4.使得网页设计者可以更快更容易地维护及更新大量的网页。没有样式表时，想更新整个站点中所有主体文本的字体，必须一页一页地修改每张网页。即便站点用数据库提供服务，仍然需要更新所有的模板，而且更新每一模板中每一个实例的

5、>。CSS样式表的主旨就是将内容和结构分离。利用样式表，可以将站点上所有的网页都指向单一的一个CSS文件。修改时，只要修改CSS文件中某一行，那么整个站点都会随之发生变动。浏览器将成为你更友好的界面。5.DreamweaverCS3网页制作样式表的代码有很好的兼容性，也就是说，如果用户丢失了某个插件时不会发生中断，或者使用老版本的浏览器时代码不会出现杂乱无章的情况。只要是可以识别CSS样式表的浏览器就可以应用它。三、CSS样式表可视化操作1.新建样式的方法新建CSS规则对话框类：标签：高级：CSS链接的三种方式。参看

6、相关教程。2.定义文本样式主要用来定义文本外观DreamweaverCS3网页制作注意：文字字体的大小单位，“闪烁”效果在IE浏览器下无效果。3.定义背景样式定义对象的背景显示方式注意：背景图像的“重复”方式。4.定义区块样式区块样式主要用来定义段落文本，如段落文本的字距、对齐方式等。5.定义方框样式主要用来控制布局对象的显示。相比其表格布局，可以收到很好的布局效果。6.定义边框样式主要用来定义设置对象元素的边框外观。DreamweaverCS3网页制作7.定义列表样式用来定义列表的显示效果和缩进方式。8.定义定位样

7、式主要用来定义AP元素的相关属性。注意：“类型”下拉列表：绝对、相对、固定、静态。“显示”下拉列表：继承、可见、隐藏。“溢出”下拉列表：可见、隐藏、滚动、自动。“剪辑”选项。设置限定可视层的局部位置和大小。9.定义扩展样式和滤镜DreamweaverCS3网页制作略。