介面介紹:元素檢視與選擇視窗
在 V2 編輯器右下角有一個小小的方塊,滑鼠點擊後會出現「元素檢視與選擇視窗」,它是一個以樹狀階層的方式顯示網頁所有元素的視窗。每一個方塊代表一個元素,有的元素是系統自己生成的,有的可能是您新增的,部分不可控元素是無法選擇或無法操作,但它還是存在。
這個選擇視窗的重要性
- 它除了可以讓您一目了然整個頁面的架構外,在選擇元素的時候,如果遇到很難選到的元素,您還可以直接點選該元素所代表的方塊,並且可在該元素代表方塊上按下滑鼠右鍵,一樣會跳出滑鼠右鍵選單:
- 如果該元素處於隱藏狀態,您只能使用元素檢視與選擇視窗才能選到此要操作的元素。
- 方便您拖拉排序元素:
以 CSS 的 z-index( 元素堆疊順序 ) 為 auto 的時候,如果兩元素重疊,越後面的元素,會蓋掉前一個元素,所以在我們沒有透過「空間設定」功能去修改 z-index 的時候,排序元素時候我們可以透過拖拉元素所代表方塊左上方的元素名稱來排序。請注意,排序僅限定同一個父元素內的子元素群。看一下下面的影片就會馬上體會: - 標記元素列表
在元素上按下滑鼠右鍵,跳出了滑鼠右鍵選單,裡面有一個功能是「標記此元素」。
這個作用有點像 Bookmark,標記過的元素會在元素檢視與選擇視窗中的「標記物件」中出現。
點選標記物件,可幫助您快速選到要編輯的元素。 - 選取歷史:您剛剛所選擇過的元素,都會出現在這裡。