关于DW如何使用CSS?

html-css017

关于DW如何使用CSS?,第1张

首先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的属性面板里的“类”下拉列表来快速为其应用样式。

第一、打开2019版本的dw,没有的可以下载

第二、新建html和css

第三、给top赋予css样式时

1、点击css设计器

2、选择需要赋予样式的css文件

3、在媒体选择全局(代码多时可以选择需要赋予样式的地方)。

4、在选择器中选择需要赋予样式的 css代码(top)。

5、最后在属性中选择需要赋予的布局、文本、边框、颜色、更多。至于里面的css样式表代表什么意思,我就不多说了,鼠标放置在对应空白处就有相关提示,如有显示英文代码之类的,我就不清楚。了