7.28 网页计算器基本界面设计

来源:互联网 发布:wkwebview 的js调用oc 编辑:程序博客网 时间:2024/05/24 01:40

今天起,开始实现一个网页版的计算器作为练习。今天的任务主要是界面的设计,所运用的主要是HTML、CSS知识。


成果如下:



练习的内容主要有:<div>、表格进行排版,元素选择器、类选择器、ID选择器的用法,边框的设置,背景的设置,文本的设置,用图片设置button等


遇到的问题:当元素同时满足类选择器、ID选择器时,不能按预想的显示,其中一个选择器不起作用。可能是重复冲突,最后删掉ID选择器,统一用类选择器实现。


心得:这是一个比较完整的项目,需要从整体的构思入手,先确定框架,参考了网上的代码,使用表格作为键盘的实现形式,作为一个整体套在<div>内,这样层次分明,布局较为合理。具体的码代码的阶段,发现自己有些代码特别是样式表那些项目还是忘了不少,只记得大概,最后查阅手册才得以完成。所谓熟能生巧,自己还欠缺练习,以后要加强。最终完成了界面,好不好看先不提,至少大体上有了计算器的样子,未来几天要还要不断完善它,实现它的内涵——计算功能,革命尚未成功,自己仍需努力!

0 0