WebDeveloper插件Outline、Resize工具教程
Outline線(xiàn)框工具 提供將元素使用線(xiàn)框標識出來(lái)的功能CADtools 標注不顯示數值。我們可以輔助查看各細部的元件。如下圖：
我們列舉一此常用的功能如下：
1、Outline Frames 線(xiàn)框顯示出框架，如果使用了框架技術(shù)，可以用線(xiàn)條標注出來(lái)CADtools 標注不顯示數值。
2、Outline Headings 標注標題元素，如果頁(yè)面中使用了h1～h6對象，會(huì )用線(xiàn)條標注出來(lái)CADtools 標注不顯示數值。
3、Outline Table Cells 標注單元格，如果頁(yè)面是用傳統的表格進(jìn)行布局，往往表格線(xiàn)是不可見(jiàn)的，表格只是布局的需要，根本沒(méi)有邊框線(xiàn)，使用這個(gè)命令可以將它們都用線(xiàn)框標識出來(lái)CADtools 標注不顯示數值。
4、Outline Tables 類(lèi)似于上面一個(gè)命令，區別在于上面的是顯示單元格，而這個(gè)命令只顯示表格CADtools 標注不顯示數值。如上面的顯示的是tr、td。這個(gè)命令只顯示table。
5、Outline BLock Level Elements 標注出對象的嵌套級別CADtools 標注不顯示數值。
6、Outline Deprecated Elements 標注出網(wǎng)頁(yè)中存在的不合法的對象CADtools 標注不顯示數值。合法與否根據網(wǎng)頁(yè)的文檔對象模型doctype來(lái)判斷。
7、Outline Positioned Elements 標注出定位對象，可以單獨的標注出來(lái)四種定位方式：Absolute、Fixed、Float、RelativeCADtools 標注不顯示數值。
8、Outline External Links 標注出外部鏈接，請注意是指鏈接向站外的鏈接，外部鏈接CADtools 標注不顯示數值。
9、Outline Links Without Title Attributes 標識出所有的顯示，并且不顯示title屬性的值CADtools 標注不顯示數值。
10、Outline Current Element 標識鼠標位置的當前對象CADtools 標注不顯示數值。
11、Outline Custom Elements 自定義標注，點(diǎn)選該命令會(huì )打開(kāi)對象框，要求設置標注哪些對象，如鍵入“h1”，并設置相應的顏色CADtools 標注不顯示數值。
12、Show Element Names When Outlining 點(diǎn)選該命令會(huì )在標注的同時(shí)，顯示對象的名稱(chēng)CADtools 標注不顯示數值。
Resize尺寸工具 這是一個(gè)小巧而實(shí)用的工具，我們可以利用它來(lái)改變窗口的大小，我們在開(kāi)發(fā)CSS網(wǎng)頁(yè)布局時(shí)，屏幕尺寸或許很大，但要兼顧到小尺寸的訪(fǎng)客的需求，我們可以用此工具來(lái)預覽小尺寸顯示的效果CADtools 標注不顯示數值。如下圖：
1、Display Window Size 顯示當前窗口的大小，點(diǎn)選該命令會(huì )直接彈出一個(gè)對話(huà)框顯示信息CADtools 標注不顯示數值。
2、Display Window Size In Title 將窗口的大小放置于標題欄，這是一個(gè)非常方便的功能，我們可以自由的拖動(dòng)縮放窗口的大小，在標題欄立即就能知道當前的窗口是多大CADtools 標注不顯示數值。如下圖：
3、Resize Window 可以鍵入數值修改窗口的大小CADtools 標注不顯示數值。
4、800*600 在網(wǎng)頁(yè)設計制作中，最需要關(guān)注的就是800*600大小的窗口中顯示的情況，Web Developer插件預設了這個(gè)尺寸CADtools 標注不顯示數值。直接點(diǎn)選即可。
021yin.com 這里有一些教程或許可以助你一臂之力，我們也提供了一些CSS模板大家可以下載學(xué)習，我們也列出一些CSS優(yōu)秀站點(diǎn)，大家可以多看大師的作品!祝愿大家盡快的掌握CSS技術(shù)，為WEB標準在中國的普及作出自己的貢獻!
021yin.com yumi 54