本站专注于数据化运营,分享优质跨境电商运营,外贸推广,网站建设以及Google SEO优化等内容

F12调试工具运用:简单修改CSS样式表参数

未分类 为主的祥助 455次浏览 2评论

CSS样式表全称是层叠样式表(Cascading Style Sheets),用于对网页中各个元素的位置进行精准的控制,是对网页的布局控制。

简单来说,HTML是网站的框架和结构,CSS是网站的外观布局,Javascript是网站页面的交互行为。


做外贸业务的公司基本都有自己的英文网站,有时候需要涉及小修小改一下网站的某个图标或元素的位置,颜色,大小,那么就可以对css代码进行修改

  1. 以http://www.losvincent.com/为例,按F12打开开发调试工具点击箭头所示的选择工具。F12调试工具方便查看网页的源代码,比如知乎的回答若设置了禁止复制,无法复制的时候可以使用调试工具从代码里将文本内容复制提取。
  2. 点击选择工具,再点击想要调试的元素如蓝色订阅按钮,点击后会自动定位到该元素的代码所在行区域12调试工具.
  3.  右侧style栏目下的.d_subscribe .rssbutton就是这个按钮对应的css样式表中的标签名称,下面是对于的代码
  4. 将对应的参数进行修改,就可以直观的看到预览的效果变化,这样就方便我们即时看到需要的修改效果
  5. F12调试工具中修改只是前台调试,刷新后修改消失,因此前台调试改好合适的参数后需要去将服务器文件中的css文件编辑并找到对应的css代码行,将参数替换源参数,然后重新上传css文件到服务器进行生效
本文标题:F12调试工具运用:简单修改CSS样式表参数
作者:为主的祥助    转载请保留页面地址: http://www.losvincent.com/modify-cascading-style-sheets.html ‎
更多跨境平台运营技术干货,请关注公众号:跨境一站(GlobalSEO)  
一个有灵魂的公众号,专注更新外贸领域跨境电商平台的运营操盘和数据优化,独立站搭建,Google SEO和SEM Marketing等优质内容

转载请注明:跨境E站 » F12调试工具运用:简单修改CSS样式表参数

微信 OR 支付宝 扫描二维码
为本文作者 打个赏
pay_weixinpay_weixin微信公众号
金额随意 亲的支持是我更新的动力!~
喜欢 (2)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 我主棒棒哒
    风无痕2017-05-22 20:43 回复

每日一学,人人都是运营总监

联系我
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册