1. 打开Chrome浏览器，点击菜单栏的“更多工具”>“扩展程序”，在弹出的页面中搜索并安装一个名为“Chrome DevTools”的扩展程序。如果没有找到，可以在搜索框中输入“Chrome DevTools”进行搜索并安装。
2. 安装完成后，点击菜单栏的“更多工具”>“DevTools”以打开开发者工具。
3. 在开发者工具中，点击顶部的“Console”选项卡，然后点击右下角的“+”按钮，选择“Styles”选项，这将显示当前网页的所有CSS样式。
4. 在“Styles”选项卡中，你可以实时查看和修改网页的样式。点击你想要修改的样式，然后在右侧的预览区域中更改样式属性值。例如，如果你想修改某个元素的字体大小，可以点击该元素，然后在预览区域中输入新的字体大小值。
5. 当你完成样式修改后，点击“Console”选项卡，刷新网页以查看修改后的样式效果。
6. 要保存修改，点击“Console”选项卡，然后点击右下角的“Save All Changes”按钮。这将保存所有修改的样式设置。
7. 如果你需要关闭开发者工具或退出Chrome浏览器，可以点击菜单栏的“更多工具”>“DevTools”>“关闭”或点击右上角的“X”按钮。
