CSS Inspector 是一款功能强大的开发者工具，您只需将鼠标悬停在任何元素上即可查看到它的所有 CSS 属性。点击即可锁定样式，并能进行直接编辑，以便即时查看网页上的更改效果。
无论您是在修复布局问题还是学习您喜欢的网站，CSS Inspector 都能在一个简洁的悬浮面板中提供您所需的一切。无需打开浏览器的开发者工具即可轻松检查。
将鼠标悬停在任何元素上时，即可立即查看到字体、大小、颜色、间距等更多内容。
点击元素以锁定面板不消失，从而进行详细检查。
双击数值即可直接更改。您的修改将立即反映在网页上。
一键将单个属性或整个设计样式块复制到剪贴板。
以视觉化方式查看外边距 (margin)、边框 (border) 和内边距 (padding) 的数值。
显示元素在页面上的宽度、高度和位置。
CSS Inspector 可显示 40 多种属性：
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursor高精度检查对齐错误的元素。
研究您喜欢的网站的样式。
在编写代码之前测试更改。
在会议期间演示实时更改。
轻松获取新元素的 CSS 代码。
点击 DevSuite Pro 工具栏中的 CSS Inspector 图标。
将光标移至任何元素上方以查看其属性。
点击元素以固定信息面板。
双击数值进行调整。
复制更新后的代码并将其应用到您的项目中。