7.28 网页计算器基本界面设计
来源:互联网 发布:wkwebview 的js调用oc 编辑:程序博客网 时间:2024/05/24 01:40
今天起,开始实现一个网页版的计算器作为练习。今天的任务主要是界面的设计,所运用的主要是HTML、CSS知识。
成果如下:
练习的内容主要有:<div>、表格进行排版,元素选择器、类选择器、ID选择器的用法,边框的设置,背景的设置,文本的设置,用图片设置button等
遇到的问题:当元素同时满足类选择器、ID选择器时,不能按预想的显示,其中一个选择器不起作用。可能是重复冲突,最后删掉ID选择器,统一用类选择器实现。
心得:这是一个比较完整的项目,需要从整体的构思入手,先确定框架,参考了网上的代码,使用表格作为键盘的实现形式,作为一个整体套在<div>内,这样层次分明,布局较为合理。具体的码代码的阶段,发现自己有些代码特别是样式表那些项目还是忘了不少,只记得大概,最后查阅手册才得以完成。所谓熟能生巧,自己还欠缺练习,以后要加强。最终完成了界面,好不好看先不提,至少大体上有了计算器的样子,未来几天要还要不断完善它,实现它的内涵——计算功能,革命尚未成功,自己仍需努力!
0 0
- 7.28 网页计算器基本界面设计
- Android 的计算器界面设计
- 网格布局(计算器界面设计)
- 网页计算器
- 网页计算器
- 网页计算器
- 网页计算器
- 网页计算器
- 网页计算器
- 网页界面设计技巧
- 界面设计到网页设计
- 基本计算器
- 界面设计的基本技巧
- android线性布局之计算器界面设计
- [网页界面设计]-之配色 (转)
- OCUI界面设计:网页视图 UIWebView
- 一个网页计算器
- 网页形式的计算器.
- at91sam9260 开发环境的建立
- 26古老的更好看的规划开个说得好
- iOS完整学习路线图
- LeetCode-Linked List Cycle
- 的电话电话费聚合反应简答题发个邮件看地图孤苦通过
- 7.28 网页计算器基本界面设计
- LeetCode: Sum Root to Leaf Numbers
- 搜索引擎优化算法公式
- ibatis中cachemode的配置
- LayoutParams的用法
- Nginx、LVS及HAProxy负载均衡软件的优缺点详解
- hdu 2176 取(m堆)石子游戏
- Java web server 之 Jetty
- 用递归和非递归两种方法翻转一个链表