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

原创 2007年09月27日 10:52:00
一: 表格内的文字不会自动换行,怎么办?

  有两种可能的情况:

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

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

<td style="word-break:break-all">……</td>

 

二: 怎么才能让层飘在Flash上面?

  在网页里把SWF文件设置为背景透明即可,具体做法:DW中,在SWF文件的属性面板中,点parameters,添加参数wmode,值选择transparent;或者直接修改网页的代码,在标志SWF文件属性的代码中添加:注意,这种效果只有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.webjx.com/default.htm或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>

 

<param name="wmode" value="transparent">
 
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

HTML5 网页制作技巧

本文总结自由人民邮电出版社出版的《HTML、CSS、Javascript网页制作》。 总结进行学习,并分享给同样编写HTML5的朋友。

70种网页制作常用技巧

1. 将彻底屏蔽鼠标右键2. 取消选取、防止复制3. 不准粘贴4. 防止复制5.  IE地址栏前换成自己的图标6. 可以在收藏夹中显示出你的图标7. 关闭输入法8. 永远都会带着框架9. 防止被人fr...

网页制作中CSS样式布局实用小技巧

作者:星狮创想  下面跟大家分享一下网页制作中CSS样式布局实用小技巧,希望对大家有所帮助。 1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 2、...

静态网页制作的小技巧之一

作为一只刚入门不久的程序员菜鸟,在刷了百度前端学院的两个任务后,得出了一些学习心得。一下的内容是浅显的,若有不足的地方,希望大家能够批评指正;也希望下面的内容可以对刚入门的人有所帮助。 关于div的使...

网页制作当中的小技巧

怎样去掉图片链接点击后,图片周围的虚线?  1.oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. <bo

网页制作--滚动新闻代码(用iframe即时更新网上的新闻)

CCTV新闻:http://www.cctv.com/homepage/46/index.shtml"; name="express"width="354" height="16" marginwid...

网页制作中最有用的免费Ajax和JavaScript代码库

本文中,小编整理了12个免费的Ajax和JavaScript代码库,可以帮助Web开发人员将应用程序提升到一个新水平。 Ajax Instant Messenger 它是最流行和常用的...

网页制作 经典代码(无右键菜单\自动跳转\全屏显示\设为首页 ...

1. 将彻底屏蔽鼠标右键,无右键菜单 也可以用于网页中Table框架中 no 2.取消选取、防止复制 3.不准粘贴 4.防止复制 5.IE地址栏前换成自己的图标 说明...
  • idulx
  • idulx
  • 2012-01-07 23:37
  • 1975

转载一个关于网页制作选项卡的代码

原文章标题:DIV+CSS实现仿126选项卡tab效果   演示效果截图 用到的图片     <!-- body,div,ul,li{ padding:0; te...

网页制作常用代码

一:文字加粗 倾斜的代码  ◆文字加粗的代码是: 你好 ◆文字倾斜的代码是: 你好! ◆底线字:  二:文字链接代码  如果您想点击某处文字会连接到另外一个网页的效果,这是超链接,代码是这样...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)