Dreamweaver設定段落縮排的五種方法 在使用了Dreamweaver一段時間後,大家都會發現一個問題,在Dreamweaver中不能像Word裡那樣在段落前使用空格製作縮排效果。但為了達到我們想要的效果,可以使用一些其他方法,主要有五種。 一、插入全形空格 在Dreamweaver裡的段落前直接按空格鍵是沒有效果的,因為它不支援半形空格,那麼只要將它轉換成全形就可以了。在輸入狀態下,按住Shift+空格鍵,輸入法就會變成全形輸入,然後在段前按兩下空格,這樣就能讓段落縮排兩個全形字元的寬度了,正好是兩個漢的大小。這種方法的缺點是在程式碼編輯狀態下看不到效果,只有在預覽時才能看到,所以使用時要特別注意。 二、插入特殊字元 插入全形空格的方法雖然簡單,但其缺點也很要命,還有一種方法可以讓插入的空格在編輯狀態下也可見,就是插入特殊字元“ ”。在程式碼編輯狀態下,找到段落的開頭,輸入四個“ ”字元,然後在預覽裡看一下,和全形空格的效果完全一樣,在這裡“ ”就相當於一個半形的空格,四個“ ”就等於在段首插入了兩個中文字元的大小。 三、插入透明圖片 這種方法其實就是一種佔位法,用不可見的透明圖片佔據段首的位置,看起來就像是有了縮排效果。 用做圖工具製作一張1*1畫素透明的gif檔案,將它插入到頁面段落的首字前,如果字型小是12畫素,那麼就設定圖片的寬度為24畫素,這樣段首前就好像有了兩個字元的縮排效果,如果字型是14畫素,就把圖片寬度定為28畫素即可。以此類推。 四、插入與背景顏色相同字型 這種方法和插入透明圖片原理相同,也是在段落前佔位,但用到的是文字。比如我們做的網頁是白底黑字的,只要將段前的兩個文字顏色設定為白色就可以了。在網頁顯示時,和背景顏色相同的文字是看不出來的,但在將文字全選時,它就會暴露出來,不過這種方法用來止別人轉帖你的文章比較見效。當他粗心的Ctrl+V轉帖後,每段前面都會出現兩個多餘的文字。 五、利用CSS設定縮排效果 前幾種方法都是在段落開頭加入一些東西,利用佔位法設定縮排效果,而使用CSS設定縮排效果則更容易,也便於修改。 text-indenet屬性就是縮排元素中的首行文字,它可以取正值或負值。比如我們想讓所有的段落首行都縮排兩個字元的寬度就可以設定段落的CSS屬性,舉例: p{ text-indent:2em; } 程式碼通常為 這裡我設定的值為2em,em是一個相對單位,2em就是頁面字型的兩倍大小,當頁面字型為12畫素時,首行縮排就是24畫素,當頁面字型為14畫素時,首行縮排就成了28畫素。 到這裡,五種方法都講清楚了,究竟用哪種還要看自己的喜好和需求。
Dreamweaver設定段落縮排的五種方法 在使用了Dreamweaver一段時間後,大家都會發現一個問題,在Dreamweaver中不能像Word裡那樣在段落前使用空格製作縮排效果。但為了達到我們想要的效果,可以使用一些其他方法,主要有五種。 一、插入全形空格 在Dreamweaver裡的段落前直接按空格鍵是沒有效果的,因為它不支援半形空格,那麼只要將它轉換成全形就可以了。在輸入狀態下,按住Shift+空格鍵,輸入法就會變成全形輸入,然後在段前按兩下空格,這樣就能讓段落縮排兩個全形字元的寬度了,正好是兩個漢的大小。這種方法的缺點是在程式碼編輯狀態下看不到效果,只有在預覽時才能看到,所以使用時要特別注意。 二、插入特殊字元 插入全形空格的方法雖然簡單,但其缺點也很要命,還有一種方法可以讓插入的空格在編輯狀態下也可見,就是插入特殊字元“ ”。在程式碼編輯狀態下,找到段落的開頭,輸入四個“ ”字元,然後在預覽裡看一下,和全形空格的效果完全一樣,在這裡“ ”就相當於一個半形的空格,四個“ ”就等於在段首插入了兩個中文字元的大小。 三、插入透明圖片 這種方法其實就是一種佔位法,用不可見的透明圖片佔據段首的位置,看起來就像是有了縮排效果。 用做圖工具製作一張1*1畫素透明的gif檔案,將它插入到頁面段落的首字前,如果字型小是12畫素,那麼就設定圖片的寬度為24畫素,這樣段首前就好像有了兩個字元的縮排效果,如果字型是14畫素,就把圖片寬度定為28畫素即可。以此類推。 四、插入與背景顏色相同字型 這種方法和插入透明圖片原理相同,也是在段落前佔位,但用到的是文字。比如我們做的網頁是白底黑字的,只要將段前的兩個文字顏色設定為白色就可以了。在網頁顯示時,和背景顏色相同的文字是看不出來的,但在將文字全選時,它就會暴露出來,不過這種方法用來止別人轉帖你的文章比較見效。當他粗心的Ctrl+V轉帖後,每段前面都會出現兩個多餘的文字。 五、利用CSS設定縮排效果 前幾種方法都是在段落開頭加入一些東西,利用佔位法設定縮排效果,而使用CSS設定縮排效果則更容易,也便於修改。 text-indenet屬性就是縮排元素中的首行文字,它可以取正值或負值。比如我們想讓所有的段落首行都縮排兩個字元的寬度就可以設定段落的CSS屬性,舉例: p{ text-indent:2em; } 程式碼通常為 這裡我設定的值為2em,em是一個相對單位,2em就是頁面字型的兩倍大小,當頁面字型為12畫素時,首行縮排就是24畫素,當頁面字型為14畫素時,首行縮排就成了28畫素。 到這裡,五種方法都講清楚了,究竟用哪種還要看自己的喜好和需求。