Was ist der Unterschied zwischen wxss und css3?

Unterschiede: 1. WXSS kann das angezeigte Hintergrundbild nicht direkt über das Attribut „Hintergrundbild“ in CSS3 festlegen. 2. Im Dokumentfluss im Applet gibt es keine Fenster- oder Dokumentobjekte. Daher müssen Sie bei der Verwendung von CSS3 darauf achten Attributposition Der Knoten legt den festen Attributwert fest.

Der Unterschied zwischen wxss und css3

0. Wxss kann das angezeigte Hintergrundbild nicht direkt über das Attribut „Hintergrundbild“ in CSS3 festlegen.

Zum Beispiel habe ich Folgendes in wxss

background-image: url(imageB.png);

Konsolendruck geschrieben:

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

1. Es gibt keine Fenster- oder Dokumentobjekte im Dokumentenstrom im Applet, das heißt, Sie können keine js-Bibliotheken wie jquery verwenden und zepto, um dom zu bedienen. Dies führt auch dazu, dass das CSS3-Attribut: Position bei der Verwendung einige Vorsichtsmaßnahmen erfordert.

使用时应注意，为基础节点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. Beim Festlegen der wxss-Variablen in wxml im Applet sollte ein Wert vom Typ String zurückgegeben werden (beachten Sie die verschachtelte Beziehung zwischen „ “ und „‘“). Wie folgt:

<view id=&#39;imageBtn&#39; style=&#39;display:{{imageBtn_display?"inherit":"none"}}&#39; catchtouchmove=&#39;touchRotateAction&#39;></view>

3. Andere

unterstützen Animation @keyframes, aber es scheint, dass das Herstellerpräfix nicht hinzugefügt werden kann.

Unterstützen Sie den Übergang.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Einführung in die Programmierung! !

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen wxss und css3?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!