背景色

无效：

  1. background: red;

有效：

  1. background-color: red

text组件

不要有回车

边框

无效：

  1. border: 1px solid red;

有效：

  1. border-width: 1px;
  2. border-style: solid;
  3. border-color: red;

CSS不具有继承性

例子中的dog是默认的黑色，而不是红色

  1. .dog{
  2.     color: red;
  3. }
  1. <div class="dog">
  2.     <text>dog</text>
  3. </div>

盒模型

默认为border-box，而H5中是content-box

overflow

android: 默认为overflow：hidden, 且只支持hidden
ios默认是overflow：visible，另一个是overflow: hidden

display

不支持none

flex布局

默认是flex布局，故无需设置display: flex
新增 direction 属性，控制文本或元素排列方向

  • ltr: 文字和其他元素从左到右排布（默认值）
  • rtl: 文字和其他元素从右到左排布。

flex-direction 如果属性值为 row 时：如果存在 direction:ltr ，则从左到右排布；如果存在 direction:rtl ，则从右到左排布。

justify-content: space-around;不支持

flex {number}：值为 number 类型。该属性不支持 flex: | | <’flex-basis> 的简写。

定位

不支持postion: static

伪类

支持四种伪类：active, focus, disabled, enabled

active：表元素被按下去

所有组件都支持 active, 但只有 input 组件和 textarea 组件支持 focus, enabled, disabled

list

子组件只能是cell、