wxss和css3的区别有哪些

这篇文章主要介绍了wxss和css3的区别有哪些，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

成都创新互联公司专业提供成都主机托管四川主机托管成都服务器托管四川服务器托管，支持按月付款！我们的承诺：贵族品质、平民价格，机房位于中国电信/网通/移动机房，成都移动云计算中心服务有保障！

区别：1、 wxss不能直接通过css3中的background-image属性来设置显示的背景图片；2、小程序中的文档流中不存在window、document对象，在使用css3属性position时需注意为基础节点设置fixed属性值。

wxss和css3的区别

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

例如我在wxss中书写如下

background-image: url(imageB.png);

控制台打印：

pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用标签。

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类型值(注意  " "  和  ' '  之间的嵌套关系’’)。如下：

3.其他

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

支持过渡 transition。

感谢你能够认真阅读完这篇文章，希望小编分享wxss和css3的区别有哪些内容对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，遇到问题就找创新互联，详细的解决方法等着你来学习!