利用谷歌浏览器开发者工具修改CSS

日期:2020-10-16 类型:产品中心

关于SEO来说,使用开发者东西是进阶优化技能有必要学会的一项,其实这个东西真的能给网站设计、优化等等带来极大的便当,下面给我们分享一个很简略的修正CSS样式的方法。

下面以我博客的一个页面为实例,给我们演示一下

打开网页:

例如,我们需要修正内容页标题的样式,我们可以将鼠标移动到标题处,然后右键点击→→查看(审查元素)

如上图所示,右上角可以控制开发者东西窗口的方位,为了便利,我选了新窗口

这个时分,我们就可以修正网页的源码了,例如:将h1标签修正成h2 我们看看有什么变化

这个时分,就可以看到标题的字体变小了,其实就是由H1标签的样式变成了H2的

我们再修正样式看看

我们给这个标题加一个样式,或者直接在样式进步行修正,例如,我加了一个字体的巨细属性

是不是当即生效了,字体变大了很多。

修正CSS文件

有没有发现改了之后网页变得巨丑务必,不必着急,改写一下是不是就恢复正常了。那怎么才干坚持测试的样式呢?

这个就需要修正css文件了

图就不截了,上面的图,我们将鼠标移动到style.css 就会显示样式文件的地点,我们只需找到这个文件,将之前修正得样式在文件中做修正并坚持,终究更新浏览器缓存,就OK了

 

来历:本文由原创撰写,欢迎分享本文,转载请保留出处和链接!
是一家从事SMT设备的代理,设计、出售及效劳的设备商,深圳三本建立的宗旨是为用户提供先进的设备和技能,既合乎用户现在出产需要且兼顾将来科技开展。此外,本司对用户提供的完善技能支撑,亦是本司成功的重点。