草，刚又被产品经理艾特，说首页那个CTA按钮的红色“不够激情”，要改成一种介于姨妈红和晚霞红之间的、带点渐变的高级色。我盯着设计稿看了十分钟，脑子里只有一个想法：你特么倒是给我个色号啊！大半夜的，难道要我开PS现吸吗？算了，不跟需求较劲，直接上终极大法——改它丫的。
你问怎么改？就靠浏览器自带的“手术刀”，专业点叫开发者工具，或者咱习惯叫“审查元素”。这玩意可比F12大法高级多了。首先，对着你想动刀的那个网页元素，直接右键，菜单里找“检查”(Inspect)。别慌，页面不会炸，就是会弹出来一个占半屏的黑乎乎（或者你设置成亮色）的窗口，那就是你的手术台。
对了，我知道你想直接改源码。但这里有个巨坑：你在这儿所有改动都是“临时生效”！刷新一下页面就全他妈还原了，跟梦一样。所以我每次都是在这儿调好样式、复制代码、再回编辑器里真刀真枪地改。不然你以为我为啥能对着同一个按钮调两小时？就是因为忘了保存，一刷新，啪，全没了，想砸电脑。
说正事。右键“检查”之后，右边或下边那个面板里，光标悬停在不同代码行上，左边网页对应的部分会高亮。找到控制那个按钮的HTML标签，比如一个 <button> 或者 <a>。然后看它旁边或者下面的 “样式”(Styles) 面板，那里列出了所有套在它身上的CSS规则。
改文字内容？在左边“元素”(Elements)面板里，双击那段文字（或者对应的 innerText 部分），就能直接敲键盘改了，所见即所得。改颜色、大小、边距？就在右边的样式面板里，找到对应的属性（比如 color, font-size, background-color），点一下那个值就能编辑。你甚至可以勾选或取消勾选某个样式属性前面的复选框，实时看效果。
记住，这里就是你的沙盒，随便折腾。我经常在这儿试一些大胆的配色，反正搞砸了F5一下就能复活。不过说真的，MDN的开发者工具指南才是正经的百科全书，我这纯属野路子急救。搞完了，记得把最终确定的CSS代码复制粘贴到你的项目文件里，不然这夜就算白熬了。眼睛疼，睡了。
