Question

怎样在F12下查看源码和调试网页CSS

Answer 1

1、在浏览器中打开要调试的网页，使用快捷键F12。

2、在弹出的工具窗口中，默认是在Dom Explorer功能，列出网页的源代码和CSS样式列表。

3、使用元素定位功能选择页面中的一个元素同时也定位到源代码中位置，比如百度首页的"网页"元素。

4、对定位到的文字修改CSS样式，添加inline style，比如把字体变红色。也可以手工修改其他已经存在的样式。

5、查看元素已经应到到的CSS样式，点击"computed"菜单。

6、查看元素的布局信息，点击"Layout"菜单。

Answer 2

按F12：在浏览器右边或下边会出现源码，鼠标放到源码上不同位置，在网页上会即时显示不同范围。
使用左上角的快速定位，在网页上定位你要调试的元素并点击，源码区会定位到相应的源码。
此时可以修改html的属性和CSS啦