一种有效的更改CSS样式方法

在做前端网站的样式设计时,引用前端样式框架bootstrap,但是对其中的细节设置没有全面了解,这时候要想快速更改为自己想要的样式是很无奈的,犹如大海捞针,而且样式具有继承的法则,你的更改有可能不起作用。这时候,绞尽脑汁终于找到了一种快捷的方法,其实原来也知道,但是没有想到高效,而且更改很快。

方法

每个浏览器都带有开发者工具,以IE浏览器为例,找到开发者人员工具,快捷键是F12。如下图所示:

IE浏览器开发者工具
可以看到,底部会有下网页详细的DOM资源管理器以及其他的管理,我们需要看中DOM就可以了,找到自己想要更改的DOM元素,然后在右侧编辑框中输入自己的样式参数,能够实时看到网页的变化,这样就可以快速的找到能够更改的元素以及快速修改其样式。

猜你喜欢

转载自blog.csdn.net/qq_40657528/article/details/82936055