CSS styles和HTML styles有什么区别?

 

　　HTM style是指自定义HTML标识中一些标签，例如说在HTML中标签是代表加粗的字体，那么在HTMLStyle中你可以改变对该标签的定义。它是针对元素标签进行定义。

 

　　CSS Style是指自定义CSS样式表。在这里你可以按照自己的意愿指定文本、表格、背景等等一系列元素在页面中所能体现的样式。它是针对内容或者说从总体上对页面进行定义。从应用来说，当然是CSS样式表更广泛些。

 

　　在建立一个新样式时，DW的默认项是建立外连式样式表，因为你可以随时改变它，应用起来很方便。但它还有另一个选项，就是内部样式，只应用到指定的页面中。

 

　　推荐使用外连式样式表，便于应用于其它页面和编辑修改。

 

　　怎样在网页中设置链接的颜色和下划线，以及响应鼠标的颜色和下划线变化?

 

　　方法一(最简单的方法)：按Ctr+J键，打开页面属性设置对话框，直接改变Links、VisitedLinks和Active Links的颜色值。但该法不能设置鼠标悬停色和下划线变化。

 

　　方法二：利用CSS设置。按Shift+F11键打开CSS Style浮动面板，点击其下部的“+”号，建立新样式。在弹出对话框的中部，选择UseCSS Selector，在上部的下拉框selector中，分别选择a:link(超链本身样式)、a:hover(超链鼠标悬停样式)、a:active(正激活的超链样式)和a:visited(已访问链接样式)，在分别弹出的对话框中可随意设置不同状态下的颜色、字体、是否下划线等。

 

　　当然，你也可直接在之间直接加入以下代码：

 

　　其中{}内为设置的具体参数。例如a:hover {font-size: 9px; color:#FFFFFF; text-decoration: underline}

 

　　就表示：当鼠标悬停在链接上，链接的字体为9磅字，颜色为白色，有下划线。

 

　　如何在同一页面中定义两套不同的超链本身和其鼠标的响应样式?

 

　　a.1:link {}

 

　　a.1:active {}

 

　　a.1:visited {}

 

　　a.1:hover {}

 

　　并且在要应用该CSS的连接上加： link

 

　　以次类推，可以设定多套，名字不一定为数字，可以随便设定。

 

　　怎样设置表格虚线?

 

　　方法一：作一个1X2的图。半黑半白，再利用表格作成线。这种方法虽然麻烦，但在任何浏览器中均可浏览，兼容性最好。

 

　　方法二：在CSS里面设定。

 

　　在CSS面板里new一个style，选择“redefine HTMLTag”，再在下拉菜单里先“table”，在弹出的面板里，category里选择border，

 

　　在border里，将top,left,right,bottom都设成1px，颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。注意，这个效果在浏览器里才能看见。

 

　　方法三：直接在html里设置(如果你只想让某一个表格边框是虚线的话)。

 

　　在表格的html里加上这个：

 

　　style="BORDER-LEFT: #0000001PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED;BORDER-BOTTOM:#000000 1PX DASHED"

 

　　颜色是十六位代码，你可以自己设。方法二、三，只能在IE5.5里用，到了NETSCAPE里一点用处都没有，除非你用做好的底图填充。

 

　　怎样在DW4中设置表格亮边框和暗边框?

 

　　可以用以下三种方法来解决或者变通实现：

 

　　1.做一个1px宽度有颜色的表格线，将表格边框 border设置为0，Cellspace设置为0，Cell padding设置为0。打开样式面板新建一个样式。

 

　　选择Border设置边框属性。选中整张表格应用这个样式即可。

 

　　2、利用制作好的第三方的插件

 

　　你可以到http://www.paladinland.com/dreamweaver/tablebordercolor.zip下载，把解压文件直接放入Dreamweaver4/Configuration/Objects/common/就可以了。打开Dreamweaver4，把Object面板拉拉长，就可看见增加了新的表格对象插入选项。

 

　　3、内外边框的边框的颜色可以用鼠标来选择。从表格的上方或者左方选择表格，鼠标会变成一个向下或向左的箭头形状，这时你就可以选中表格单元的内边框了。这是再设定属性栏中“Border”的颜色即可。这样可以设定表格单元的内边框为不同颜色了。把cellspace设的大一点，效果更明显。

 

　　推荐采用第一种方法。

 

　　怎样让表格紧贴页面的左上方?

 

　　方法一：Ctrl+J，弹出Page Properties，将Left,Top, Margin Width, Margin Height 全部设为0。

 

　　方法二：把下面一段代码加到你的中topmargin="0" leftmargin="0"

 

　　方法三：方法二只适用于IE，如果让其也适用NETSCAPE加入下面代码

 

　　怎样改变下拉LIST表单的背景颜色?

 

　　style=" BACKGROUND-COLOR:#ffd25b"

 

　　这个#ffd25b就是我们想要的颜色值，可随意选择。

 

　　下面就是一个具体的例子： onchange="window.open(this.options[this.selectedIndex].value,'_Blank')"size=1 name=select2> === 合作伙伴 === 新浪网 网易 搜狐

 

　　怎样保证在不同分辨率下，在浏览器上显示的字体都比较美观?

 

　　一般说来，9磅字比较美观，目前也最为最流行。注意我们说得9磅字是9pt，而不是9px。若选择后者，就难保在不同分辨率下字体的显示大小。对于新闻，常采用更大一号的字体。对于英文而言，可以选择7磅字，也很好看的。

 

　　为什么在DW4中，字体设定不能保存?

 

　　退出运行中的DreamWeaver，先备份好注册表。建立一个纯文本文件，其内容如下：

 

　　REGEDIT4

 

　　[HKEY_CURRENT_USER\Software\Macromedia\Dreamweaver4\Font Preferences]

 

　　"Number Encodings"=dword:0000000c

 

　　"Default Encoding"=dword:00000005

 

　　保存成为一个后缀是.reg的文件，然后执行这个reg文件，修改就会自动完成。

 

　　如何在DW中加入空格

 

　　对于DW的初学者，也许都曾经为空格的输入问题伤过脑筋。这是DW3就有的老问题了。可以用以下方法解决：

 

　　1、输入全角空格

 

　　可以使用中文输入时全角下的空格来输入。如果你用的是智能ABC的拼音输入的话，那请按SHIFT+空格，这时输入法的属性栏上的半月型就变成了圆型了，然后再敲空格键，空格就出来了。

 

　　2、你也可以在输入的时候直接按CTRL+SHIFT+空格，连按四次，就可以得到两个汉字大小的空格。或者直接输入 也可。如果用全角空格的话，可能在某些浏览器中看不到，这种方法虽然在制作过程中看不到空格，但对浏览器兼容性更好。

 

　　3、把输入法转换成智能ABC，打 V+1+空格，也很好用的。

 

　　4、将属性栏中的FORMAT设定为Preformatted后，就可直接输入空格。

 

　　注：对于段落的首行缩进，不用加空格，最好设置CSS让

 

　　缩进来得到首行缩进效果。

 

　　DW中的文本汉字输入为什么总有问题?

 

　　1、更换另一种输入法

 

　　建议采用全拼输入，紫光拼音、拼音加加等输入法，不要采用常用五笔输入法。

 

　　2、直接将中文文本信息拷贝进去。

 

　　3、有时可输入，有时不可输入，就像输入法失去焦点一样，对这种情况，请点击一下DW4的标题和属性栏就可以输入了。

 

　　4、尽量采用中文的Windows或Windows ME系统。

 

　　如何在页面中制作由下向上滚动的文字?

 

　　实例如下：

 

　　要得到最新更新信息

 

　　请订阅本站更新邮件

 

　　列表。

 

　　其中SCROLLAMOUNT='*' 设置快慢 DIRECTION=‘*’设置方向。

 

　　如何改变浏览器的滚动轴的颜色?

 

　　把下面代码加入到head之间改变一下颜色值就可以了。

 

　　注意，只有IE5.5以上才有效。

 

　　如何设置一打开页面就弹出一定大小窗口?

 

　　把下列代码加到之间即可。

 

　　其中sample.htm为要打开窗口的的文件名。

 

　　如何设置点击链接后，弹出一定大小(甚至全屏)的窗口?

 

　　方法-：在连接(link)或在图片上设定behavior，openbrowser windows，在弹出的对话框中，设定其参数(包括弹出窗口的大小，浏览器有无工具条、菜单条、状态栏……等等)即可。

 

　　方法二：在之间加入以下代码即可：

 

　　window各项属性说明：

 

　　toolbar=yes, 显示工具条

 

　　location=yes,显示网址栏

 

　　directories=no,导航条

 

　　status=no,状态条

 

　　menubar=yes,菜单

 

　　scrollbars=yes,滚动条

 

　　resizable=no,是否可以改变大小

 

　　copyhistory=yes,历史按钮

 

　　width=300,宽

 

　　height=200'高

 

　　left=100,距离左边100

 

　　top=100,距离顶端100