index.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">
<title>无标题文档</title>
<link href="index.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="test">AAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
</body>
</html>
index.css
.test{ background:blue}
首先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的属性面板里的“类”下拉列表来快速为其应用样式。