网页制作中经常用到的六则代码技巧

【 tulaoshi.com - Web开发 】

一.： 表格内的文字不会自动换行，怎么办？
　　有两种可能的情况：

　　第一种，你用CSS把表格内文字的字体设置成了英文字体，这样在DW里表格内的文字不会自动换行，但这仅是DW里的显示效果，在IE里其实是可以正常换行的。如果希望在DW的编辑状态也能使文字自动换行，把表格内文字的字体设置为中文字体即可(例如“宋体”)。

　　第二种，你在表格中输入了连串无空格的英文或数字，它们被IE识别为一个完整的单词，所以不会自动换行，遇到这种情况，你可以通过CSS把文字强行打散，例如：

td……/td

　　二. ： 怎么才能让层飘在Flash上面？

　　在网页里把SWF文件设置为背景透明即可，具体做法：

　　DW中，在SWF文件的属性面板中，点parameters，添加参数wmode，值选择transparent;或者直接修改网页的代码，在标志SWF文件属性的代码中添加：

param name="wmode" value="transparent"

　　注意，这种效果只有IE支持。

　　三. ： 背景音乐因为页面的切换而无法连续播放，怎么让它连续播放？

　　用分帧实现，把其中一个frame的显示高度(或宽度)定义为0，在其中设置背景音乐，另外一个frame内的页面切换不影响整个背景音乐的播放。

　　例子：

html
head
title框架页/title
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
/head
frameset rows="0,*" frameborder="NO" border="0" framespacing="0" 
frame name="topFrame" scrolling="NO" noresize src="bgsound.htm"
frame name="mainFrame" src="main.htm"
/frameset
noframes
body bgcolor="#FFFFFF" text="#000000"
对不起，你的浏览器不支持框架的显示。
/body
/noframes
/html

　　四. ： 改变IE的字体大小设置时，页面字体不发生改变，怎样实现？

　　用CSS定义页面字体，例如：

style type="text/css"
!--
body { color: #333333; font-family: "宋体", "Arial"; font-size: 9pt}
td { color: #333333; font-family: "宋体", "Arial"; font-size: 9pt}
--
/style

　　基本上，设置了body和td的默认字体，就相当于定义了页面内大部分文字内容。

　　注意，使用CSS定义好默认字体后，不要再使用这样的标签，这会屏蔽CSS的默认设置。

　　五. ： 绝对地址与相对地址？绝对定位与相对定位？

　　绝对地址：形如http://www.it.com.cn或file://d:/homepage/default.htm这样的地址，就是文件在网络或本地的绝对位置;

　　相对地址：就是被链接文件相对与当前页面的地址，比如说，链接和当前页面同级的文件地址只要用“文件名”即可;链接当前页面下级子目录下的文件用“目录名/文件名”;链接当前页面上一级目录下的文件用“../文件名”;链接同级但在另外一个子目录中的文件用“../目录名/文件名”;链接根目录(你的网站的根目录，并非硬盘根目录)下的文件可以用“./文件名”的形式。实绝对和相对很容易理解的，相对就是有参照物的，绝对则是固定的。为什么我们提倡使用相对地址呢？打个比方说吧，如果你有一个index.htm，里面引用了images目录的一些图片，如果使用了相对地址，搬家的时候只需把原来这套东西全部上传到新的空间就行了，因为文件彼此之间的相对位置关系没有改变，所以这些地址仍然是有效的。但如果插入图片的时候使用了绝对地址，那空间地址一变，引用处的图片路径也要随之改变。当然，有时也会用到绝对地址，例如友情链接别人的主页等等。

　　相对定位也是一样，如果是相对于一个单元格定位的层，单元格挪动到哪儿，层也就会到哪儿.用辩证的观点来看，其实绝对定位也是相对的，它和我们所说的相对定位的区别就在于，层的绝对定位是相对于浏览器的左边界和上边界而言，而层的相对定位是层相对于它的载体(表格或另外的层)而言~~

　　六. ： 如何取消链接的下划线？

　　用CSS来实现：

style type="text/css"
!--
a:link { text-decoration: none}
a:visited { text-decoration: none}
a:hover { text-decoration: none}
--
/style

　　其中a:link 表示一般的链接样式;a:visited 表示已访问过的链接样式;a:hover 表示鼠标经过时的链接样式。text-decoration: none 表示无下划线，text-decoration: underline表示有下划线。

　　如果三种链接状态的样式相同，也可以简化为：

style type="text/css"
!--
a { text-decoration: none}
--
/style