android的ui设计可以用html+Css 来设计界面吗如果可以全部使用div+css吗

发布网友发布时间：2022-05-12 19:22

我来回答

共3个回答

懂视网时间：2022-05-12 23:43

置顶文章：《纯CSS打造银色MacBook Air（完整版）》上一篇：《Canvas模拟粒子系统》

作者主页：myvin
博主QQ：851399101（点击QQ和博主发起临时会话）

正文

用css绘制的Android Robot，比较简单，主要用了position，还有rotate和translete属性。因为简单就不说了。先上效果图，再直接上代码。

实时效果图和代码也可以点击这里到codepen上查看。

效果如如下：

[效果图]（http://images.cnblogs.com/cnblogs_com/myvin/710118/o_robot%20android.png）

代码

HTML Markup

		Android robot

CSS Code

body{ background-color: #444444; margin:0 auto; padding:0 auto;}.android{ position: relative; margin-top:210px; margin-left:200px; }.body{ position: absolute; width: 336px; height: 285px; background: #00cc00; border-radius: 0px 0px 40px 40px;}.body:before,.body:after{ content: '; width: 75px; height: 122px; background: #00cc00; position: absolute; bottom: -122px; border-radius:0px 0px 20px 20px;}.body:before{left:70px;}.body:after{right:70px;}.head{ width: 336px; height:155px; border-radius:300px 300px 0px 0px; background: #00cc00; position: absolute; top: -175px;}.head:before,.head:after{ content:'; width: 10px; height: 53px; background: #00cc00; position: absolute;}.head:before{-webkit-transform:translate(60px,0px) rotate(-30deg);}.head:after{-webkit-transform:translate(276px,0px) rotate(30deg);}.eyes:before,.eyes:after{ content: '; width: 27px; height: 27px; border-radius:27px 27px 27px 27px; background: white; position: absolute;}.eyes:before{left: 85px;top: 50px;}.eyes:after{right: 85px;top: 50px;}.arms:before,.arms:after{ content: '; width: 75px; height: 233px; background: #00cc00; border-radius: 75px 75px 75px 75px; position: absolute;}.arms:before{left: -90px;}.arms:after{right:-90px;}

转载请记得说明作者和出处哦-.-
作者：myvin
原文出处：

上一篇：《Canvas模拟粒子系统》置顶文章：《纯CSS打造银色MacBook Air（完整版）》

热心网友时间：2022-05-12 20:51

android app不是B/S架构如何使用html呢？如果能也是基于一些框架来做的应用，实际也是web页面了就，android app本身是不能使用html的，不是一种东西。

热心网友时间：2022-05-12 22:09

B/S架构即浏览器――服务器，如淘宝，论坛。C/S
即客户端――服务器，如QQ，LOL。而html是网页设计语言，只能设计网页应用界面。