建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
wxss和css3的區(qū)別有哪些
這篇文章主要介紹了wxss和css3的區(qū)別有哪些，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)公司專業(yè)提供成都主機(jī)托管四川主機(jī)托管成都服務(wù)器托管四川服務(wù)器托管，支持按月付款！我們的承諾：貴族品質(zhì)、平民價(jià)格，機(jī)房位于中國(guó)電信/網(wǎng)通/移動(dòng)機(jī)房，成都移動(dòng)云計(jì)算中心服務(wù)有保障！
區(qū)別：1、 wxss不能直接通過css3中的background-image屬性來設(shè)置顯示的背景圖片；2、小程序中的文檔流中不存在window、document對(duì)象，在使用css3屬性position時(shí)需注意為基礎(chǔ)節(jié)點(diǎn)設(shè)置fixed屬性值。
wxss和css3的區(qū)別
0 . wxss不能直接通過css3中的background-image屬性來設(shè)置顯示的背景圖片。
例如我在wxss中書寫如下
background-image: url(imageB.png);
控制臺(tái)打印：
pages/index/index.wxss 中的本地資源圖片無法通過 WXSS 獲取，可以使用網(wǎng)絡(luò)圖片，或者 base64，或者使用標(biāo)簽。
1 .小程序中的文檔流中不存在window、document對(duì)象，即不能使用jquery與zepto等js庫區(qū)操作dom。這也從另一方面致使css3屬性：position 在使用時(shí)需要一些注意事項(xiàng)。
使用時(shí)應(yīng)注意，為基礎(chǔ)節(jié)點(diǎn)container設(shè)置fixed屬性，否則position=absolute不會(huì)生效
/**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中設(shè)置wxss變量時(shí)，應(yīng)返回string類型值(注意 " " 和 ' ' 之間的嵌套關(guān)系’’)。如下：
3.其他
支持動(dòng)畫 @keyframes，貌似不能加廠商前綴。
支持過渡 transition。
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享wxss和css3的區(qū)別有哪些內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!
網(wǎng)頁名稱：wxss和css3的區(qū)別有哪些
地址分享：http://fisionsoft.com.cn/article/gicipi.html
