当前位置:首页>系统运维浏览器> F12调试工具运用:简单修改CSS样式表参数

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

CSS样式表全称是层叠样式表(Cascading Style Sheets),用于对网页中各个元素的位置进行精准的控制,是对网页的布局控制。 简单来说,HTML是网站的框架和结构,CSS是网站的外观布局,Javascript是网站页面的交互行为。

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

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


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

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

给TA打赏
共{{data.count}}人
人已打赏
工具方法

如何制作聚合名片二维码

2017-10-13 19:26:58

浏览器

Chrome V69版浏览器恢复旧版https和UI界面

2018-9-6 9:19:23

2 条回复 A文章作者 M管理员
  1. 我主棒棒哒

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索