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

<link href="css.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src=".jquery.js">

把脚本和css样式 就上面类似的代码,一般在网站源码头部,

复制到自己的页面上,然后文件对应地复制到自己的网站目录下面,

dw只是一个工具,操作后还是代码在起作用,所以还是直接写代码把

我一般把jquery1.8.0什么的直接改成jquery.js

个人喜好

如果是懒人图库下载来的js源码,那他页面上的html也要的,会有个id

和页面上js调用的函数

另外图片路径也要对,

你这样css和js都不会引入...操作起来可能有点问题

css 在 head 标签里,title标签下一行 例如 <link rel="stylesheet" href="css/style.css">,href里面是路径,在DW里一半打到href 就会有代码提示,回车就能出现一个选择路径的框。

js 像是jquery-1.9.1.min.js 这样的可以放到 刚刚我说的 css引入的代码下一行,例如:

<head>

<meta charset="UTF-8">

<title>alertWindow</title>

<link rel="stylesheet" href="css/style.css">

<script src="js/jquery-1.9.1.min.js"></script>

</head>

若是功能性的js文件(你自己写的)一般放到 </body>就是body结束标签之前比较好。