自學DIV CSS心得 網頁除錯工具

2021-05-09 20:42:56 字數 707 閱讀 8800

為了讓大家更容易的上手這門技術,有兩個除錯工具是必不可少的。

1.ie developer *******

接下來先講述ie developer *******

當你安裝完成後,開啟ie,在「工具|ie developer *******」裡會出現除錯工具

然後單擊左下圖示,這樣你就可以在網頁裡單擊專案來看網頁是如何構成的了。

左邊欄是**區顯示網頁**,中間是編輯區,可以為某個元素新增樣式等,右側是樣式區,顯示元素的樣式。你也可以利用**區來選擇某個容器。 例如你要給左側分類div加入乙個紅色邊框,選中分類框後,在中間name中鍵入border,在value中鍵入1px solid red,試試效果是不是出來了?

要注意,除錯工具修改的所有地方都是臨時的,所以,當你重新整理頁面後效果就消失了。

接下來是重點,firebug,我超級喜歡用這個工具,我們先安裝起來,我已經等不及了。

方法很簡單,開啟ff,選擇工具-附加元件,查詢firebug,直接新增至ff重啟ff即可。

開啟firebug的快捷鍵是f12,如果還沒開啟就單擊右下角的小強。 當你啟用選擇功能後框選元素,需要使用右鍵取消選擇,這時下面只有兩個框,它把樣式區和編輯區合在一起了,並且把css**按樣式名稱分開,方便了許多,當你需要修改頁面內容的時候,直接雙擊左下的標籤就可以進入**介面,這時候的網頁你想怎麼改就怎麼改。

ps:樣式直接可以單擊上去改哦,雙擊空白處為新增樣式。

div css製作網頁實戰筆記心得

以下的內容是一位的div css編碼筆記,是值得大家學習的,在實際工作與開發中,將工作中的點滴記錄下來,回首這些過往,你也會收穫很多,如果能在jb51.net與大家共同交流,相信進步就更快了。大家一起努力!最近在做乙個魔術網的div css切割,昨晚發現了長期以來一直無記錄下來的問題!關於相容ie跟...

div css 網頁布局

今天剛弄的,呵呵 設為首頁 加入收藏 12月活動 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 人之所以...

div css 網頁布局基礎

a link a hover a visited 偽類 css中很有用的知識點 p.cls1 p.cls2 萬用字元選擇器 四種選擇器優先順序 id選擇器 class html 萬用字元選擇器 父子選擇器 id1 span 1父子選擇器可以運用到任何選擇器中結合使用2不好超過三層,3有嚴格的層級關係...