鸿蒙css与普通css区别汇总

安卓开发求职招聘QQ群 https://www.zghy.org.cn/item/455360344477323264

时光荏苒,不知不觉中从事鸿蒙开发已经大半年了,记得刚入职的时候那时候连DevEcoStudio这个开发者工具环境都装不好,还是同事给装好的环境,从零到一是个艰苦的过程,在实践中不断成长。

下面言归正传进入今天的主题:HarmonyOScss样式与普通HTMLcss样式之间存在的区别。

对于display属性支持不一样

鸿蒙css支持的属性有:普通css支持的属性有:

对于伪类选择器和伪元素选择器

鸿蒙css不支持伪类选择器和伪元素选择器;普通css支持伪类选择器和伪元素选择器。

宽高方面的支持的值不太一样

鸿蒙对于宽高方面的支持目前支持px和百分比;普通css支持的有px,em,rem,百分比,vw,vh,vm。

对于margin居中来说不太一样

对于我们经常写css来说一个最简单的剧中方式莫过于margin:0auto这个写法了,但是鸿蒙不支持此种写法。

对于boder属性的支持不太一样

在使用border设置属性的时候HarmonyOS必须按照指定的顺序来写(即使用简写属性设置所有的边框属性,包含边框的宽度,样式,颜色属性,顺序设置为border-width、border-style、border-color,不设置时,各属性值为默认值)①border-styleHarmonyOS支持一下三种:

dotted:显示为一系列圆点,圆点半径为border-width的一半。

dashed:显示为一系列短的方形虚线。

solid:显示为一条实线。

普通css支持的属性有以下几种:

dotted:定义点线边框

dashed:定义虚线边框

solid:定义实线边框

double:定义双边框

groove:定义3D坡口边框。效果取决于border-color值

ridge:定义3D脊线边框。效果取决于border-color值

inset:定义3Dinset边框。效果取决于border-color值

outset:定义3Doutset边框。效果取决于border-color值

none:定义无边框

hidden:定义隐藏边框

②border-width

普通css支持可以将宽度设置为特定大小(以px、pt、cm、em计),也可以使用以下三个预定义值之一:thin、medium或thick,HarmonyOS支持px。

③border-radius

普通css支持的数值有三种:px、%、em;HarmonyOScss支持px。

对于background渐变的支持不太一样

鸿蒙css支持线性渐变/重复线性渐变:

普通css支持线性渐变(LinearGradients)和径向渐变(RadialGradients)。

独属于HarmonyOS的一些属性

有一些是鸿蒙css独有的属性而普通css没有的:

注意事项

目前写HarmonyOS代码布局用的最多的是flex布局,如果你需要换行布局请一定得添加上flex-direction:column;这个属性。

总结

感觉鸿蒙在布局上以及标签上跟


转载请注明:http://www.aierlanlan.com/tzrz/585.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了