萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 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.66css.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>
- 上一頁:CSS代碼如何使圖片自適應顯示寬度
- 下一頁:CSS如何控制網頁背景
