CSS与DW的区别

html-css08

CSS与DW的区别,第1张

dreamweaver就是一个编写代码的辅助工具,好比使用elipse和Java,visual studio和.net,vb一样,所以Dreamweaver里面的css和我们说的css代码是一回事,css是web开发中一项重要的也非常简单的语言,使用Dreamweaver进行web开发的时候如果使用Dreamweaver的可见即所得方式开发则事实上当你改动页面布局时Dreamweaver自动生成了这些代码,包括css代码,css的学习不需要依赖于Dreamweaver的学习,掌握了css那么Dreamweaver里面的css也就一并掌握了,因为都是一回事

首先CSS(级联样式表)一般来讲分3种:

外联样式表:CSS样式单独写在一个CSS文件中,HTML页面使用<link>标签引入这个文件;

内联样式表:CSS样式写在HTML页面的<head>标签内;

内嵌样式表:CSS样式直接写在HTML标签的style属性里。

然后说下在DW里怎样使用它们(以下以DW CS6版本为例,其他版本大同小异):

在DW里可通过直接引入、CSS样式面板和属性面板的方式来使用CSS。

如果是外联样式表,在DW界面中可通过直接拖动CSS文件到页面的方式直接将这个样式表引入到页面(注意要拖放到<head>标签内)。

在DW的CSS样式面板中可以方便的管理CSS样式,可新增、删除、修改标签的样式。

如需要为某个元素(例如一段文字)应用某个样式,可通过DW的属性面板里的“类”下拉列表来快速为其应用样式。

内联CSS用于特定的HTML标记。内部CSS代码放在特定页面的部分中。

内部CSS代码放在特定页面的部分中,类和ID可用于引用CSS代码,但它们仅在该特定页面上处于活动状态。每次页面加载时都会下载以这种方式嵌入的CSS样式,这样可以提高加载速度。内部CSS的优点:样式表只影响一个页面,内部样式表可以使用类和ID,无需上传多个文件,HTML和CSS可以在同一个文件中

内联CSS用于特定的HTML标记,attribute用于设置特定HTML标记的样式。建议不要使用CSS,因为每个HTML标记都需要单独设置样式。如果只使用内联CSS,管理网站可能会变得太难。内联CSS必须应用于每个元素。内联CSS的优点:如果要测试和预览更改,则非常有用,对快速修复有用