DW CSS 问题
作者&投稿：坚是 （若有异议请与网页底部的电邮联系）
这是一个外部的CSS
使用外部样式表时，CSS文件与网页文件(html)是分离开来的。要让某一个网页调用一个外部CSS文件，你需要在网页的部分插入以下内容：
/*文件位置就是所处在的文件夹相对与当前网页的相对路径*/
针对你的补充问题：
rel指的是所链接的文件与这个网页的关系，这里是样式表的关系，所以填stylesheet。
type是类型的意思，text/css就是
类型为css文本
首先CSS（级联样式表）一般来讲分3种：
外联样式表：CSS样式单独写在一个CSS文件中，HTML页面使用标签引入这个文件；
内联样式表：CSS样式写在HTML页面的标签内；
内嵌样式表：CSS样式直接写在HTML标签的style属性里。
然后说下在DW里怎样使用它们（以下以DW CS6版本为例，其他版本大同小异）：
在DW里可通过直接引入、CSS样式面板和属性面板的方式来使用CSS。
如果是外联样式表，在DW界面中可通过直接拖动CSS文件到页面的方式直接将这个样式表引入到页面（注意要拖放到标签内）。
在DW的CSS样式面板中可以方便的管理CSS样式，可新增、删除、修改标签的样式。
如需要为某个元素（例如一段文字）应用某个样式，可通过DW的属性面板里的“类”下拉列表来快速为其应用样式。
��1.CSS加在什么位置？编辑CSS时候，强烈建议使用记事本之类的文本编辑工具打开你的网页代码。找到<head>和</head>，在<head>和</head>之间加入这句，<STYLE></STYLE>，然后所有的样式表都定义在<STYLE>和</STYLE>之间。
��有很多网站喜欢把样式表写成一个CSS文件，然后所有文件都指向这里来调用它。我个人不喜欢这样做，因为每页的CSS都不一样，这样做的缺点还有，当由于网速慢、或服务器负担重CSS文件连接不上时，网页就变得很乱。直接把CSS嵌在网页中，是比较明智的做法。如果你的许多网页几乎完全一样，坚持想使用CSS文件，可使用这句<link href=***.css rel=stylesheet>来连接CSS文件。
��实例1：<STYLE>td{font-size:9pt;line-height:150%}</STYLE>这句表示网页的字体大小为9磅字，行距150%，td是“单元格”元素，这句也就是对单元格内的字体起作用。这里的<style>后面的td，表示选择符，网页内所有的td元素都会起作用。这些选择符可以是所有的html标记，例如p、table、hr等等，只有少数的br除外。
��实例2：<STYLE>a{color:FF0000}input{font-size:9pt}</STYLE>表示超链接都为红色，单行文本框的字体是9磅。
��2.CSS作用很大的一方面就是可以用来大量减少网页代码，从而为网页减肥，原理就是在网页中自定义样式表的选择符，然后在网页中大量引用这些选择符。目前大部分网站都是使用class来引用的。
��CSS中，class和id的作用是完全一样的，“class”单词比“id”多3个字母。id的使用方法，在网页<STYLE>和</STYLE>之间定义选择符名，选择符名前加#，这些选择符名可以是字母或数字、或组合，然后在网页的元素中使用id=**来引用它。
��实例3：<STYLE>#8{color:000080}#p2{margin-left:20}#14{font-size:14pt}</STYLE>，然后在网页使用这句引用它：<a id=8>黑蓝色</a>，<a id=14>14磅的字</a>。<p id=p2>段落……
��也就是说，<a id=8>黑蓝色的字</a>等价于<a style=color:000080>黑蓝色的字</a>；<a id=14>14磅的字</a>等价于<a style=font-size:14pt>14磅的字</a>，以此类推。这里的介绍可能有点不太好理解，你可以多实践。
��注意：在一定条件下，使用id来引用可能不起作用或报错、或与JavaScript的id发生冲突，这种情况下，你可以使用class来引用。class的使用方法与id一样，所不同的是：在网页的<STYLE>和</STYLE>之间定义选择符名，名前加.(即点)。例如<STYLE>.a1{color:FF0000}</STYLE>，然后用class=a1引用它。
��3.样式表语法。样式表的项和它的值应该用冒号连接，例如color:FF00000。样式表也可直接嵌在段落当中，而不用class或id引用，例如<a style=font-size:12pt>12磅字</a>。也就是使用<* style=*:*>的语法。
��4.小技巧。可根据需要灵活掌握，同一个选择符名可以多次给它定义，也可以多个选择符名定义同一句。例如<style>#a1{color:FF0000}#a1{font-size:9pt}</style>，它等效于#a1{color:FF0000;font-size:9pt}。多个选择符名定义同一句的方法是，各选择符名之间加逗号，例如<style>#a1,#b1{color:FF0000}#b1{font-size:9pt}</style>这句等效于#a1{color:FF0000}#b1{color:FF0000;font-size:9pt}。可能这里不太好理解，你只要自己稍微实践一下就可以灵活自己定义了。
��5.样式表手册。作者苏沈小雨的样式表手册曾经在网上免费发行，现在可以从苏沈小雨的网站下载了，http://www.rainersu.com/download/css20.chm，又更新了，让人耳目一新，553K，里面介绍非常全面。其实，平时我们常用到的样式表语句是非常少的，下面列举最常用的样式表语句：
��1)color (颜色，例如FF0000代表红色，000000代表黑色……)
��2)font-size (字体大小)
��3)font-family (字体类型)
��4)width和height (宽度和高度)
��5)line-height (段落行距，建议使用百分比的形式，例如150%)
��6)margin-top表示段前；margin-bottom表示段后。margin-left表示整个段落向右缩进，margin-right表示段落右边距离右边的边框的距离。例如这句<p style=margin-top:30;margin-left:20;margin-right:20>。而且也可直接定义在图片中，例如<img src=**.jpg align=right style=margin-right:9>表示这张图片向右对齐，并且图片再向左移动9像素。
��7)text-align (段落的对齐方式，例如left、center、right)
��8)background-color (背景颜色)
��9)position:absolute;top:30;left:50 表示绝对定位(DW中的层)
��总之，最常用的就是以上这几种了，需要多多实践。
��6.最常用的样式表代码实例。
��实例4：去掉超链接下划线，<style>a{TEXT-DECORATION:none}</style>
��实例5：超链接变色，<style>a{COLOR:000000}a:hover{COLOR:FF0000}</style>
��实例6：超链接变色且去掉下划线，<style>a{TEXT-DECORATION:none;COLOR:000000}a:hover{COLOR:FF0000}</style>
��实例7：超链接变色且鼠标停在超链接上有下划线，鼠标离开下划线消失，<style>a{color:000000;TEXT-DECORATION:none}a:hover{color:FF0000;TEXT-DECORATION:underline}</style>
��实例8，请再翻回头实例1：<STYLE>td{font-size:9pt;line-height:150%}</STYLE>，这句可以让你网页的字体擂打不动，不随IE浏览器的“查看→文字大小”的设置而改变。
如果您需要从网页中复制代码到FP或DW中，复制请注意：一定要先从这里复制到记事本，然后再从记事本复制到FP或DW的html模式下，切记切记，否则无效。
右良腹膜： 你用DW的那个工具LINK进来吧,如果这样都有错那就不是你的CSS有错了,而是你的代码有错!仔细检查下!
西和县18844843393： DW CSS 问题 - ？
右良腹膜： 样式表CSS在网页中占着极重要的地位,它的使用一直是热门讨论的话题.CSS是Cascading Style Sheet的简写,译为“层叠样式表单”.CSS几乎可以定义所有的网页元素,CSS虽然功能强大,但平时我们用到的是很少的,最常见的有:定...
西和县18844843393： 一个简单的dw css问题？
右良腹膜： /*css .cell{ width:120px; height:60px; line-height:60px; } /*html <div class=＂cell＂>一行文字</div>
西和县18844843393： DW里连接CSS的问题 - ？
右良腹膜： 这是一个外部的CSS 使用外部样式表时,CSS文件与网页文件(html)是分离开来的.要让某一个网页调用一个外部CSS文件,你需要在网页的部分插入以下内容: /*文件位置就是所处在的文件夹相对与当前网页的相对路径*/针对你的补充问题: rel指的是所链接的文件与这个网页的关系,这里是样式表的关系,所以填stylesheet. type是类型的意思,text/css就是 类型为css文本
西和县18844843393： 用DW做网页新建的css规则为什么没反应 在DW界面上显示不出来 - ？
右良腹膜： 这种情况一般都是css文件路径有问题,就是说没有正确地引入CSS文件
西和县18844843393： DW中的CSS样式问题 - ？
右良腹膜： 求什么样式,无论是table 还是 th 还是 tr 你想要 改变谁的样式,就给它单独的一个class ,然后在样式里面写就可以.
西和县18844843393： 在DW里定义的CSS样式无法在页面里显示出来 - ？
右良腹膜： 上面多了个style起始表亲,后面少了个结束标签,再把这个东西删了“<!--”<style type=＂text/css＂> body,td,th { font-size: 12px; color: #333333; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }.title { font-family: ＂宋体＂; font-size: 24px; color: #333333; text-decoration: none; }</style>
西和县18844843393： 在DW里面css可以随便命名么? - ？
右良腹膜： 在DW里面css不可以随便命名.在定义“类”时,“类名必须以英文字母或句号开头,不可包含空格或其它符号”,当你命名有错时,DW会提示你的(在CSS面板里新建CSS样式时).还有,当你的类样式名和HTML的标签名一样时,也会提...
西和县18844843393： 为什么dw里面加上CSS之后设计视图的层和文字都不显示?按F12预览出来文字又是显示的 - ？
右良腹膜： 记住,一切以在浏览器中的最终效果为准,依赖软件的预览界面是不靠谱的!DW 在打表格做网页的时代的确是所见即所得的王者编辑器,但自从 css 和 div 流行后就没落了,因为它解决不了预览的问题,至于原因你把css学熟了自己会明白的.想深入的话,把DW丢了,养成手写代码的习惯你才能搞懂遇到各种css兼容问题的本质,有一大堆编辑器写html、css随便找个都比DW强.另外,你那个表格上的背景图,路径是你硬盘上的本地路径,上传到网上别人根本看不到的.做网页引用:图片、css、flash、js或任何文件大多数情况下都要用相对路径,自己百度下:网页 相对路径.
西和县18844843393： “在DW中用css添加的样式只能在DW中显示出来浏览器里不显示 简单的代码 确认无误.” - ？
右良腹膜： 有很多情况的,1.CSS样式表没保存.2.CSS样式的图片要用英文名才可以的3............
