CSS編輯利器DW使用技巧

 文檔間的切換:Ctrl+Tab;
  隱藏面板:F4;
  代碼檢驗器:F10;
  F12:使用主瀏覽器查看頁面效果;
  Ctrl+F12:使用次瀏覽器查看頁面效果;
  Ctrl+G:跳轉行;
  Ctrl+F:查找替換;
  Alt+F4:關閉當前面板;
  代碼中的快捷鍵:
  home 段首;
  end 段尾;
  Ctrl+←或→ 按單詞移動;
  Shift+←或→ 按字母選取文字;
  Shift+Ctrl+←或→ 按單詞選取文字;
  Shift+Ctrl+↑或↓ 按行選取文字;
  Delete 刪除鼠標後面的字母;
  Backspace 刪除鼠標前面的字母;
  Ctrl+[ 選取父元素
  
  代碼摺疊
  摺疊所選:Ctrl+Shift+C
  摺疊外部所選:Ctrl+Alt+C
  擴展所選:Ctrl+Shift+E
  摺疊完整標籤:Ctrl+Shift+J
  摺疊外部完整標籤:Ctrl+Alt+J
  擴展所有:Ctrl+Alt+E
  縮進代碼:Ctrl+Alt+[
  突出代碼:Ctrl+Alt+]
  Windows 快捷鍵
  Win+D 桌面刷新;
  ALT+TAB 切換當前程序;
  ALT+ESC 切換當前程序;
  切換到上次使用的窗口或者按住 ALT而後重複按TAB,
  切換到另外一個窗口 ALT+ TAB
  Internet Explorer快捷鍵 
  ALT+D 選擇地址欄中的文字
  Ctrl+R 強行刷新頁面;
  以上就是在咱們最經常使用的快捷鍵了,不用一次背會,在實踐中多去用,用多了天然就記住了。
常見問題解答
1.爲何DW使用時有時就不出現代碼提示了?
  使用CTRL+SHIFT切換成英文就能夠了
2.DW中的縮進太大了怎麼辦?
  能夠到編輯-首選參數-代碼格式裏的製表符大小改成你須要的值就能夠了。
3.手寫的代碼格式很亂用什麼方法去整理呢?
  固然DW能夠代咱們去作,命令-套用原格式,整理完後清晰的代碼就在你的眼前了!

4.爲何DW與瀏覽器的顯示不同?
  Dreamweaver可視化區是爲用戶編輯而設計,可視區不是調用外面瀏覽器,它支持最基本的HTML與CSS,對CSS而言咱們在寫入樣式時若是你使用最基本的樣式時它的顯示與你在瀏覽器中看的效果相差不大,若是你使用一些HACK技術(由於HACK是單獨對不一樣瀏覽而用)在加上DW自己對樣式的錯誤、不徹底理解,你看到的可視化區就會變得面目全非!若是你很依賴可視化的話,最好少用一些HACK技術,由於HACK技術是沒有辦法狀況下爲了各瀏覽器正常顯示而加的代碼,但這不是你爲了展現技術而作的一項工做。你寫的代碼比較規範的話,不少狀況下在可視區的顯示效果相差不會很大。
以上是個人我的觀點,僅供參考。
5.如何找到一個元素的全部屬性?
  在CSS面板中就有這項功能,這是我最喜歡它的一個緣由,CSS樣式-正在這個面板有兩個小圖標第二個就是你要用的了,你能夠看到這個標籤全部繼承下來的樣式與在哪一個樣式中,一目瞭然,是否是很方便,這個功能是其它軟件所沒有的。
  你還能夠在DW中外掛TOPstyle和一個文件比較軟件Beyond Compare,這樣你的DW的功能可就很強大了。
相關文章
相關標籤/搜索