编辑导读：对于 Axure原型工具，很少有产品经过系统学习，一般都是直接上手，边摸索边学习，这直接导致很多快捷操作被忽视。笔者在日常工作中总结出以下小技巧，希望对各位有帮助。

之前整理了2期Axure的使用技巧，大约有36个技巧，具体可查看下边的文章：

产品必会的Axure使用技巧（第一弹）

优秀的程序，不仅要有严密逻辑，而且应该有美观的外表。从软件界面，便可看出你是否用心在做，是否是一个有思想的人。

前言

测试A：那啥！抠图仔，线上样式怎么点着点着就出问题了。

前端：啥？线上css样式错乱了？你是不是有缓存啊！清下缓存试试。

测试A（内心戏：这抠图仔一有问题就赖缓存）：清缓存后，还有啊！你看看吧！

前端：见鬼了，我本地没复现啊。

更改样式通常有3种方法可以实现，几乎可以应对所有可能性的需求。

样式更改分为：字符串修改、数组修改、对象修改。

一、 字符串形式对样式进行更改，适用于样式名字不确定,需要动态指定的情况

1、定义5个css样式，

这个系列的上一篇教程，教大家写了一个最简单的 Hello world 微信小程序。

但是，那只是一个裸页面，并不好看。今天接着往下讲，如何为这个页面添加样式，使它看上去更美观，教大家写出实际可以使用的页面。

所有示例的完整代码，都可以从 GitHub 的代码仓库^[1]下载。

一、总体样式

微信小程序允许在顶层放置一个app.wxss文件，里面采用 CSS 语法设置页面样式。这个文件的设置，对所有页面都有效。

一、魔法速记的核心法则

1. 原子咒语（Utility-First）

 <!-- 魔药按钮示例 -->
 <button class="bg-gradient-to-r from-purple-600 to-pink-600 
               hover:from-purple-700 hover:to-pink-700
               text-white font-bold py-3 px-4 rounded-lg 
               transition-all shadow-lg">
   支付 10 加隆
 </button>

笔者开源了一个Web思维导图mind-map，最近在优化背景图片效果的时候遇到了一个问题，页面上展示时背景图片是通过css使用

引言

在当今的Web开发中，用户界面的设计不仅是美观的问题，更是用户体验的关键组成部分。自定义主题和样式不仅可以让网站更具个性化，还能提高品牌的辨识度。本文将详细介绍如何使用CSS变量、预处理器（如Sass）、以及JavaScript来创建灵活且可定制的主题系统，以便开发者可以根据需要快速更改网站的颜色、字体等样式。

项目中要求在不同时间段根据不同条件更改一些控件的样式，甚至增加一些不同的样式表文件，这样我就不能把引用样式表的代码写在html中，只能在程序中动态添加了。

先添加一个 abc.css 和 webform1.aspx 用来测试

webform1.aspx代码如下：

上一章我们完成了“学习笔记”Web应用程序的大部分功能，本章我们将通过Bootstrap对页面样式进行美化，这样会让我们的项目看起来更加专业。

页面样式

Bootstrap主页地址：