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

社会人张大哥

社会人张大哥

2016-02-19 13:07

下面图老师小编跟大家分享网页制作中经常用到的六则代码技巧,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

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

  第一种,你用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内的页面切换不影响整个背景音乐的播放。

  例子:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

 

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的默认设置。

  五. : 绝对地址与相对地址?绝对定位与相对定位?

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  绝对地址:形如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

展开更多 50%)
分享

猜你喜欢

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

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

经常用到的css重置代码

Web开发
经常用到的css重置代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

一些工作和学习中经常用到的SQL语句

编程语言 网络编程
一些工作和学习中经常用到的SQL语句

网页排版经常用到的5个CSS基础

Web开发
网页排版经常用到的5个CSS基础

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

网页制作中常用的Javascript代码

Web开发
网页制作中常用的Javascript代码

Word制表时经常用到一些小技巧

电脑入门
Word制表时经常用到一些小技巧

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

用jQuery简化Ajax开发实现方法查看

用jQuery简化Ajax开发实现方法查看

windows 7媒体中心对于我们来说的实用功能

windows 7媒体中心对于我们来说的实用功能
下拉加载更多内容 ↓