1. 程式人生 > >一種有效的更改CSS樣式方法

一種有效的更改CSS樣式方法

在做前端網站的樣式設計時,引用前端樣式框架bootstrap,但是對其中的細節設定沒有全面瞭解,這時候要想快速更改為自己想要的樣式是很無奈的,猶如大海撈針,而且樣式具有繼承的法則,你的更改有可能不起作用。這時候,絞盡腦汁終於找到了一種快捷的方法,其實原來也知道,但是沒有想到高效,而且更改很快。

方法

每個瀏覽器都帶有開發者工具,以IE瀏覽器為例,找到開發者人員工具,快捷鍵是F12。如下圖所示:

IE瀏覽器開發者工具
可以看到,底部會有下網頁詳細的DOM資源管理器以及其他的管理,我們需要看中DOM就可以了,找到自己想要更改的DOM元素,然後在右側編輯框中輸入自己的樣式引數,能夠實時看到網頁的變化,這樣就可以快速的找到能夠更改的元素以及快速修改其樣式。