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

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

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

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

1. 以https://www.yunglobe.com/为例，按F12打开开发调试工具点击箭头所示的选择工具。F12调试工具方便查看网页的源代码，比如知乎的回答若设置了禁止复制，无法复制的时候可以使用调试工具从代码里将文本内容复制提取。
2. 点击选择工具，再点击想要调试的元素如蓝色订阅按钮，点击后会自动定位到该元素的代码所在行区域
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等优质内容