【参考内容】:可参考W3C School 中CSS部分:链接地址: http://www.w3school.com.cn/h.asp
【作用】
WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式
WXSS 用来决定 WXML 的组件应该怎么显示。
【尺寸单位】
rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
【样式导入】
使用@import
语句可以导入外联样式表,@import
后跟需要导入的外联样式表的相对路径,用;
表示语句结束。
1 /** common.wxss **/ 2 .small-p { 3 padding:5px; 4 }
1 /** app.wxss **/ 2 @import "common.wxss"; 3 .middle-p { 4 padding:15px; 5 }
【内联样式】
1 <view style="color:{{color}};" /> 2 <view class="normal_view" /> #类选择器
类选择器
.class | .intro |
选择所有拥有 class="intro" 的组件 |
#id | #firstname |
选择拥有 id="firstname" 的组件 |
element | view |
选择所有 view 组件 |
element, element | view, checkbox |
选择所有文档的 view 组件和所有的 checkbox 组件 |
::after | view::after |
在 view 组件后边插入内容 |
::before | view::before |
在 view 组件前边插入内容 |
原文地址:https://www.cnblogs.com/ailex/p/9636105.html
时间: 2024-10-10 23:16:59