DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 網頁制作中經常用到的六則代碼技巧
網頁制作中經常用到的六則代碼技巧
編輯:CSS詳解     
 一.: 表格內的文字不會自動換行,怎麼辦?
  有兩種可能的情況:

  第一種,你用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.knowsky.com或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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved