• 技术文章 >web前端 >前端问答

    怎么查看css文件

    藏色散人藏色散人2021-01-12 17:55:32原创1984

    查看css文件的方法:首先打开Google浏览器;然后打开想要查看html和css代码的网站;接着按下键盘的F12;最后点击Sources面板,并在左侧资源列表里找到css文件即可。

    本教程操作环境:windows7系统、Google87.0&&css3版、thinkpad t480电脑。

    推荐:《css视频教程

    查看css文件

    利用浏览器查看网站源代码和css样式

    1、首先打开浏览器。

    2、打开自己想要查看html和css代码的网站,这里我就打开百度首页。

    3、之后按下键盘的F12。

    4、之后会弹出一个格式工具框,右侧就是我们能查看代码和css样式的工具。具体如下图

    c5214b4178f7e2dba0c62b30e4c0633.png

    5、点击Sources面板,在左侧资源列表里找到css文件,点击即可查看

    f2e3a1bdad6a5f83176e93a4d88d074.png

    点击格式化按钮,可以美化代码

    1a0023e3cbe5d4ba9bdbfbf8d0706e3.png

    以上就是怎么查看css文件的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:前后端分离和不分离的区别是什么 下一篇:vue和react有什么相似点
    大前端线上培训班

    相关文章推荐

    • css文件怎么解压缩• css中如何调整图片位置• html语法和css语法之间有什么区别• 为什么要使用css样式表• 如何解决css float错位问题

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网