客服:

服務熱線

0532-86681214

在線客服

網頁制作中經常用到的六則代碼技巧

發布日期:2010-11-15 瀏覽數:1151 次
一: 表格內的文字不會自動換行,怎么辦?

有兩種可能的情況:

  第一種,你用CSS把表格內文字的字體設置成了英文字體,這樣在DW里表格內的文字不會自動換行,但這僅是DW里的顯示效果,在IE里其實是可以正常換行的。如果希望在DW的編輯狀態也能使文字自動換行,把表格內文字的字體設置為中文字體即可。(例如“宋體”)

  第二種,你在表格中輸入了連串無空格的英文或數字,它們被IE識別為一個完整的單詞,所以不會自動換行,遇到這種情況,你可以通過CSS把文字強行打散,例如:

<td style="word-break:break-all">……</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.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> 
上一篇:   網站的創意設計
内蒙古11选5一定牛遗漏