如何查看div被设置什么css样式——查看div的CSS样式设置方法
随着互联网技术的不断发展，网页设计越来越重要，而CSS是网页设计中不可或缺的技术。CSS可以控制网页的样式，包括字体、颜色、布局等等。而对于开发人员或者设计师来说，查看div被设置什么CSS样式是非常重要的一个任务，下面介绍几种查看div CSS样式的方法。
1. 使用浏览器的检查工具
现在几乎所有主流的浏览器都提供了检查工具，如谷歌浏览器的开发者工具、火狐浏览器的开发者工具、Safari浏览器的Web Inspector、IE浏览器的开发者工具等等。这些工具可以帮助开发人员在网页上直接查看DOM结构和CSS样式，包括div元素的CSS样式。具体步骤如下：
1. 打开浏览器，并进入需要查看CSS样式的网页
2. 使用浏览器快捷键F12或者右键菜单中“检查”或者“审查元素”等选项打开开发者工具
3. 在开发者工具中，点击菜单栏中的“Elements”选项，定位到需要查看CSS样式的div元素，右侧的Styles选项卡中即可查看该元素的CSS样式。
2. 使用CSS代码查看器
CSS代码查看器可以在线解析CSS代码，对于CSS小白或者不想使用浏览器开发者工具的人来说，这是一种方便的选择。推荐几个常用的CSS代码查看器：
1. CSSViewer（http://www.cssportal.com/css-viewer/）
2. MozilCSS（http://www.css3maker.com/mozilcss/）
3. Styleneat（http://www.styleneat.com/）
这些工具都是在线的，只需把需要查看CSS样式的div代码粘贴进去即可看到该div元素的CSS样式。
3. 使用Chrome插件
谷歌浏览器提供了许多插件来帮助开发人员，其中就有一些插件可以帮助你快速查看div元素的CSS样式。
如：
1. CSS Peeper（https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk）
2. Web Developer（https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm）
这些插件安装后，只需悬浮在需要查看CSS样式的div元素上即可快速查看其CSS样式。
4. 使用代码编辑工具
对于有代码编辑经验的开发人员来说，通过代码编辑工具也可以查看div元素的CSS样式。常用的代码编辑工具如Sublime Text、Notepad++、Atom等。具体操作如下：
1. 打开代码编辑工具，在菜单栏中选择“打开文件”或者快捷键“Ctrl+O”打开需要查看CSS样式的网页。
2. 在代码编辑器中定位到需要查看CSS样式的div元素的代码。
3. 通过代码编辑器的“查找”或者快捷键“Ctrl+F”查找该div元素的CSS样式代码。
以上是几种快速查看div元素CSS样式的方法，其中最常用的当属浏览器的开发者工具，这个工具不仅可以查看CSS样式，还可以进行实时的CSS修改和调试。掌握这些方法将会让你在开发中事半功倍。
