首先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的优点:如果要测试和预览更改,则非常有用,对快速修复有用