DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> Dreamweaver解決網頁制作中的空格問題
Dreamweaver解決網頁制作中的空格問題
編輯:Dreamweaver入門     

    1、 制作一張很小的透明圖片。嵌入到文本當中或者行首。這種方法實現起來比較麻煩。

    2、 使用全角空格。為什麼這種方案可行呢?因為全角空格實現起來比較簡單。雖然也是空格但是對應的HTML代碼卻不是空格代碼。而是另外的代碼,因此Dreamweaver把他當字符處理而不是空格。所以可以相安無事。但是在不支持中文字符集的浏覽器看來就是亂碼了。具體操作方法就是選擇智能ABC輸入法,然後切換成全角狀態,再鍵入空格就OK啦!

    3、 使用軟空格。即在要插入空格的地方按Ctrl+shift+空格鍵,當然也可以通過輸入實現。這樣的空格所有浏覽器都能認識。但是缺點是在頁面編輯的時候無法看見插入了多少空格,只能在浏覽器預覽的時候才能看清楚。不夠直觀。軟空格其實使用的是代碼。是不間斷空距標記。他可以生成軟空格。每按一下Ctrl+shift+空格就是增加一個代碼。

    代碼雖然簡單,但是它的作用也很大。在做網頁時候我們空出一行或者幾行就要靠這個代碼來幫忙。學過HTML語言的朋友都知<p></p>標簽是用來標記一個段落的。如果光寫<p></p>這段代碼是不是就可以生成空行呢?這是無效的。必須在<p>標簽中增加“;”代碼才行。<p> </p>這樣的代碼才會有空行效果。這裡該標記也是起了占據位置的作用。另外如果用Dreamweaver生成一張表格,察看源代碼的時候會發現。單元格<td>標簽中頁有這個標記<td> </td>。如果你把這些標記刪除,會發現所有的單元格全部擠在一起。根本無法往裡面填寫內容非要拖拽邊框不可。

    而更漂亮的樣式則可以通過CSS控制來簡單實現。

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