首先讲解6种设备设置按钮的特点：

在基本宽度按钮下设置的插件某种属性的样式会自动套用到其他宽度按钮下的此种属性上。比如说，在基本宽度下设置列的背景颜色为红色，那么在其他宽度的按钮下查看此列的背景颜色时能发现自动套用了红色的样式。如果想让列的背景颜色在不同宽度的设备<比如在手机横屏和手机竖屏>上显示不同的颜色。则需要去手机横屏按钮下设置此列的背景颜色为一个不同的颜色<如蓝色>，然后去手机竖屏按钮下设置此列的背景颜色为一个不同的颜色<如绿色>。

这样设置以后，当使用设备查看此列的背景颜色时，手机横屏上此列的背景颜色为蓝色，手机横屏上此列的背景颜色为绿色。除此之外的其他设备上将显示基本宽度上设置的颜色，即红色。

然后是4种鼠标和页面插件的交互状态下设置插件样式的特定：

默认样式：默认样式指的是鼠标和页面插件之间没有任何交互。

鼠标悬停样式：鼠标悬停指的是鼠标移到页面插件上方时插件的样式。<设置插件样式的时候鼠标悬停和默认样式通常是搭配使用的。比如默认样式下链接文字的颜色为黑色，文字背景为白色，然后鼠标悬停链接文字的时候，链接文字颜色变成蓝色，链接文字背景变成黑色。>

鼠标按下样式：指的是鼠标左键按下插件时，设置的插件样式。

鼠标选中样式：指的是鼠标点击插件后，插件的样式。

显示状态：设置插件在某种屏幕宽度上隐藏，在另一种屏幕宽度上显示。

动画过渡：如果插件的某种属性在不同鼠标交互状态上设置了不同的样式，那么如果开启动画过渡，在鼠标和插件的交互状态改变时这种样式的转变会有时间过渡。开起来就像是动画效果一样。例如： 如果一个页面插件的某个属性<如背景颜色，字体大小等>在一种鼠标和页面元素交互状态<如 默认样式>下设置了一种样式<如背景色为红色，字体大小为12PX>。在另一种鼠标和页面元素交互状态<如 鼠标悬停样式>下设置了另一种样式<如背景色为蓝色，字体大小为16PX>。那么当鼠标移动到此插件上方时，就会有样式转换时的时间过渡效果。