wxss和css3的区别是什么?

小程序wxss和css3的区别

wxss不能直接通过css3中的background-image属性来设置显示的背景图片。

0 . wxss不能直接通过css3中的background-image属性来设置显示的背景图片。

例如我在wxss中书写如下

background-image: url(imageB.png);

控制台打印:

pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用<image/>标签。
1 .小程序中的文档流中不存在window、document对象,即不能使用jquery与zepto等js库区操作dom。这也从另一方面致使css3属性:position 在使用时需要一些注意事项。
使用时应注意,为基础节点container设置fixed属性,否则position=absolute不会生效
/**app.wxss**/

.container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
  position: fixed;
}
2. 小程序中wxml中设置wxss变量时,应返回string类型值(注意 " " 和 ' ' 之间的嵌套关系’’)。如下:
<view id='imageBtn' style='display:{{imageBtn_display?"inherit":"none"}}' catchtouchmove='touchRotateAction'></view>
3. 小程序中事件冒泡处理。bind和catch方法:

事件绑定的写法同组件的属性,以 key、value 的形式。

  • key 以bindcatch开头,然后跟上事件的类型,如bindtapcatchtouchstart。自基础库版本 1.5.0 起,bindcatch后可以紧跟一个冒号,其含义不变,如bind:tap、、catch:touchstart
  • value 是一个字符串,需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。
    bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。

4、其他

支持动画 @keyframes,貌似不能加厂商前缀。

支持过渡 transition。

更多web开发知识,请查阅 HTML中文网 !!

以上就是wxss和css3的区别是什么?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏