Web Developer插件概要_Div+CSS教程
Web Developer 插件以工具欄的形式對網(wǎng)頁的(X)HTML、腳本、多媒體、CSS、緩存、圖象等多方面的實用工具。使我們能輕易的獲得網(wǎng)頁的更多信息,使我們進一步的了解當(dāng)前所瀏覽的網(wǎng)頁。
在Web Developer 插件工具欄中,主要由以下幾個部分組成:Disable、Cookies、CSS、Forms、Images、Information、Miscellaneous、Outline、Resize、Tools、View Source、Options。下面我們就對其概況進行介紹。
Disable禁用工具 可以暫時的屏蔽當(dāng)前頁面中的某些東東,如JavaScript腳本、緩存、mete自動重新定向、將網(wǎng)頁顯示為黑色(圖片除外)、禁用彈窗等等。如下圖:
Cookies工具 可以用此工具查看當(dāng)前頁面的Cookies信息,可以按不同的域名或路徑進行查看,而且可以手工增加一個Cookies,這對于后臺網(wǎng)絡(luò)編程的開發(fā)調(diào)試來說是非常方便而得力的工具。如下圖:
CSS樣式表工具 這是一個非常強大的工具,基于CSS網(wǎng)頁布局有這個得力的助手,工作與學(xué)習(xí)都將變的非常簡單,可以控制CSS是否應(yīng)用,查看頁面的CSS文件,并進行實時的編輯,并在瀏覽器窗口中立即反應(yīng)出編輯后的效果。關(guān)于此工具的詳細介紹:Web Developer插件 CSS工具組教程
Forms表單工具 其主要作用是對頁面的表單進行控制,其中的很多功能對于表單程序的開發(fā)有著非常非常大的幫助,由于我們的重點是CSS網(wǎng)頁布局,此工具我們不作深入的探討。如下圖:
Images圖像工具 可以對當(dāng)前頁面的圖像進行設(shè)定,可以顯示所有圖片的alt信息,對背景等也可以進行是否顯示的設(shè)定。如下圖:
Information信息工具 此工具在我們的CSS網(wǎng)頁布局設(shè)計中也經(jīng)常用到,我們可以用它來查看頁面中所有的id、class及table等元素的名稱、占位等信息,關(guān)于此工具的詳細介紹:Web Developer插件 Information工具教程
Miscellaneous其他 這是一個非常“好玩”的工具,它所提供的功能是我們所夢寐以求的,在頁面布局中,我們可以用它來達到很多有意思的功能,如輔助線、面積、測量等,我們在CSS網(wǎng)頁布局設(shè)計中也經(jīng)常用到,關(guān)于此工具的詳細介紹:Web Developer插件 Miscellaneous工具教程
Outline線框工具 這組工具對我們CSS網(wǎng)頁布局設(shè)計是非常有用的,線框顯示工具能夠?qū)㈨撁嬷械哪承┰厥褂镁框描邊,使我們可以更好的查看其占位信息,我們可以使用它給div、h1-h6、表單等進行線框描邊,關(guān)于此工具的詳細介紹:Web Developer插件 Outline、Resize工具教程
Resize尺寸工具 我們可以用它來改變?yōu)g覽器窗口的尺寸,如果我們使用了1600*1200的分辨率,我們可以借助此工具來模擬1027*768的窗口效果。關(guān)于此工具的詳細介紹:Web Developer插件 Outline、Resize工具教程
Tools工具 對于我們CSS網(wǎng)頁布局設(shè)計,它的最大功能在于將CSS及XHTML校驗工具整合在一起,可以點擊此工具中的校驗選項對當(dāng)前頁面進行檢驗,它會自動鏈接到相關(guān)校驗頁面,并返回校驗結(jié)果。如下圖:
View Source查看源代碼 用于查看頁面的源文件。
Options選項 用于Web Developer 插件的參數(shù)設(shè)置。如下圖:
- DIV+CSS設(shè)計的誤區(qū)
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對聯(lián)廣告不隨屏幕滾動的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級元素和內(nèi)聯(lián)元素
- 5個你該知道的CSS3新技術(shù)
- 用正則表達式替換a標(biāo)記href值
- 30個優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計教程
- css中px和em有什么區(qū)別
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
- 點擊復(fù)制代碼(IE,ff兼容)
- Div css菜單:一張圖片實現(xiàn)翻轉(zhuǎn)效果!
- 為什么設(shè)置的樣式失效不起作用了?!
- DIVCSS網(wǎng)頁布局:HTML結(jié)構(gòu)化DIVCSS網(wǎng)頁布局入門指南
- DuplicateCharactersBug在IE中的HTML注釋引起文字奇怪的復(fù)制
- CSS模塊化思想 有效管理CSS樣式
- 如何讓圖片在容器里垂直居中?
- 自動播放效果SlideShow在相冊網(wǎng)頁中的應(yīng)用
- web標(biāo)準(zhǔn)中IE無法設(shè)置滾動條顏色解決方法
- DIV相對于父DIV底部對齊的實現(xiàn)方法
猜你也喜歡看這些
- 相關(guān)鏈接:
- 教程說明:
Div+CSS教程-Web Developer插件概要。