🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## wxss > WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式,WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性。 同时为了更适合开发微信小程序,WXSS 对 CSS 进行了扩充以及修改。 1.尺寸单位 ![](https://box.kancloud.cn/63b96b50899993cef3077a170e8d3f3c_1968x466.png) 建议: 开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。 注意: 在较小的屏幕上不可避免的会有一些毛刺,请在开发时尽量避免这种情况。 2.样式导入 ~~~ /** common.wxss **/ .small-p { padding:5px; } ~~~ ~~~ /** app.wxss **/ @import "common.wxss"; .middle-p { padding:15px; } ~~~ 3.内联样式 ~~~ <view style="color:{{color}};" /> ~~~ ~~~ <view class="normal_view" /> ~~~ 4.选择器 ![](https://box.kancloud.cn/74a996f08eabbd407f54b1a1ca7b12f7_1926x922.png) 5.全局样式和局部样式 定义在 app.wxss 中的样式为全局样式,作用于每一个页面。在 page 的 wxss 文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖 app.wxss 中相同的选择器。