HarmonyOS css样式与普通HTML css样式的区别
时光荏苒，不知不觉中从事鸿蒙开发已经大半年了，记得刚入职的时候那时候连 deveco studio 这个开发者工具环境都装不好，还是同事给装好的环境，从零到一是个艰苦的过程，在实践中不断成长。
下面言归正传进入今天的主题：harmonyos css 样式与普通 html css 样式之间存在的区别。
对于 display 属性支持不一样
harmony css 支持的属性有：
普通 css 支持的属性有：
对于伪类选择器和伪元素选择器
harmony css 不支持伪类选择器和伪元素选择器;普通 css 支持伪类选择器和伪元素选择器。
宽高方面的支持的值不太一样
harmony对于宽高方面的支持目前支持 px 和百分比;普通 css 支持的有 px，em，rem，百分比，vw，vh，vm。
对于 margin 居中来说不太一样
对于我们经常写 css 来说一个最简单的剧中方式莫过于 margin:0 auto 这个写法了，但是鸿蒙不支持此种写法。
对于 boder 属性的支持不太一样
在使用 border 设置属性的时候 harmonyos 必须按照指定的顺序来写(即使用简写属性设置所有的边框属性，包含边框的宽度，样式，颜色属性，顺序设置为border-width、border-style、border-color，不设置时，各属性值为默认值)
①border-style
harmonyos 支持一下三种：
dotted：显示为一系列圆点，圆点半径为 border-width 的一半。
dashed：显示为一系列短的方形虚线。
solid：显示为一条实线。
普通 css 支持的属性有以下几种：
dotted：定义点线边框
dashed：定义虚线边框
solid：定义实线边框
double：定义双边框
groove：定义 3d 坡口边框。效果取决于 border-color 值
ridge：定义 3d 脊线边框。效果取决于 border-color 值
inset：定义 3d inset 边框。效果取决于 border-color 值
outset：定义 3d outset 边框。效果取决于 border-color 值
none：定义无边框
hidden：定义隐藏边框
②border-width
普通 css 支持可以将宽度设置为特定大小(以 px、pt、cm、em 计)，也可以使用以下三个预定义值之一：thin、medium 或 thick，harmonyos 支持 px。
③border-radius
普通 css 支持的数值有三种：px、%、em;harmonyos css 支持 px。
对于 background 渐变的支持不太一样
harmony css 支持线性渐变/重复线性渐变：
普通 css 支持线性渐变(linear gradients)和径向渐变(radial gradients)。
独属于 harmonyos 的一些属性
有一些是harmony css 独有的属性而普通 css 没有的：
注意事项
目前写 harmonyos 代码布局用的最多的是 flex 布局，如果你需要换行布局请一定得添加上 flex-direction: column;这个属性。
总结
感觉harmony在布局上以及标签上跟微信小程序有的类似，但又不是完全相同，harmony生态更强大，不过由于出来的时间不是很久所有很多开发者还在观望和学习中，希望以后harmony能越来越强大，更多的开发者加入这个阵营中。
作者：郑瑶
原文标题：鸿蒙css与普通css区别汇总!
文章出处：【微信公众号：harmonyos技术社区】欢迎添加关注!文章转载请注明出处。
飞思卡尔汽车车身电子控制低成本方案
苹果、Facebook、谷歌——一场针对美国大型科技公司的“围剿”开始了!
六轴机器人的结构图
如何配置交换机SSH远程登录？
四款iPhone 12系列参数对比，选哪款更好？
HarmonyOS css样式与普通HTML css样式的区别
随着直线电机电磁弹射技术的发展，它的应用越发广泛
FS5175支持PD快充充电器20V输入给4串锂电池充电管理IC
武汉新芯可能2018年量产48层NAND
AMD-XilinxFPGA解决传输中的信号完整性方案
小米Note3什么时候上市？小米Note3最新消息：小米Note3外观、配置很给力，骁龙835加持
浅谈直线马达加持的智能杀灭细菌的加湿器
5G网络建设成本高、难度大，期待通信用电优惠政策
防水仪表箱
转矩和电机电流、功率的关系
三星S8外观首次靠谱曝光 这次是那爆出来的
小米6涨价已成必然？1999的小米已成为历史，荣耀8跌破2千已成最佳替补
小米澎湃OS启动新标识，将实现“人车家全生态”正式闭环
开发者计划Linux移植到苹果M1 Mac，要求每月获得4000美元资助
关于台积电的好消息和坏消息
下面言归正传进入今天的主题：harmonyos css 样式与普通 html css 样式之间存在的区别。
对于 display 属性支持不一样
harmony css 支持的属性有：
普通 css 支持的属性有：
对于伪类选择器和伪元素选择器
harmony css 不支持伪类选择器和伪元素选择器;普通 css 支持伪类选择器和伪元素选择器。
宽高方面的支持的值不太一样
harmony对于宽高方面的支持目前支持 px 和百分比;普通 css 支持的有 px，em，rem，百分比，vw，vh，vm。
对于 margin 居中来说不太一样
对于我们经常写 css 来说一个最简单的剧中方式莫过于 margin:0 auto 这个写法了，但是鸿蒙不支持此种写法。
对于 boder 属性的支持不太一样
在使用 border 设置属性的时候 harmonyos 必须按照指定的顺序来写(即使用简写属性设置所有的边框属性，包含边框的宽度，样式，颜色属性，顺序设置为border-width、border-style、border-color，不设置时，各属性值为默认值)
①border-style
harmonyos 支持一下三种：
dotted：显示为一系列圆点，圆点半径为 border-width 的一半。
dashed：显示为一系列短的方形虚线。
solid：显示为一条实线。
普通 css 支持的属性有以下几种：
dotted：定义点线边框
dashed：定义虚线边框
solid：定义实线边框
double：定义双边框
groove：定义 3d 坡口边框。效果取决于 border-color 值
ridge：定义 3d 脊线边框。效果取决于 border-color 值
inset：定义 3d inset 边框。效果取决于 border-color 值
outset：定义 3d outset 边框。效果取决于 border-color 值
none：定义无边框
hidden：定义隐藏边框
②border-width
普通 css 支持可以将宽度设置为特定大小(以 px、pt、cm、em 计)，也可以使用以下三个预定义值之一：thin、medium 或 thick，harmonyos 支持 px。
③border-radius
普通 css 支持的数值有三种：px、%、em;harmonyos css 支持 px。
对于 background 渐变的支持不太一样
harmony css 支持线性渐变/重复线性渐变：
普通 css 支持线性渐变(linear gradients)和径向渐变(radial gradients)。
独属于 harmonyos 的一些属性
有一些是harmony css 独有的属性而普通 css 没有的：
注意事项
目前写 harmonyos 代码布局用的最多的是 flex 布局，如果你需要换行布局请一定得添加上 flex-direction: column;这个属性。
总结
感觉harmony在布局上以及标签上跟微信小程序有的类似，但又不是完全相同，harmony生态更强大，不过由于出来的时间不是很久所有很多开发者还在观望和学习中，希望以后harmony能越来越强大，更多的开发者加入这个阵营中。
作者：郑瑶
原文标题：鸿蒙css与普通css区别汇总!
文章出处：【微信公众号：harmonyos技术社区】欢迎添加关注!文章转载请注明出处。
飞思卡尔汽车车身电子控制低成本方案
苹果、Facebook、谷歌——一场针对美国大型科技公司的“围剿”开始了!
六轴机器人的结构图
如何配置交换机SSH远程登录？
四款iPhone 12系列参数对比，选哪款更好？
HarmonyOS css样式与普通HTML css样式的区别
随着直线电机电磁弹射技术的发展，它的应用越发广泛
FS5175支持PD快充充电器20V输入给4串锂电池充电管理IC
武汉新芯可能2018年量产48层NAND
AMD-XilinxFPGA解决传输中的信号完整性方案
小米Note3什么时候上市？小米Note3最新消息：小米Note3外观、配置很给力，骁龙835加持
浅谈直线马达加持的智能杀灭细菌的加湿器
5G网络建设成本高、难度大，期待通信用电优惠政策
防水仪表箱
转矩和电机电流、功率的关系
三星S8外观首次靠谱曝光 这次是那爆出来的
小米6涨价已成必然？1999的小米已成为历史，荣耀8跌破2千已成最佳替补
小米澎湃OS启动新标识，将实现“人车家全生态”正式闭环
开发者计划Linux移植到苹果M1 Mac，要求每月获得4000美元资助
关于台积电的好消息和坏消息