Javaweb 实践

上一篇 / 下一篇 2016-08-28 11:19:46 / 个人分类：学习

查看( 467 ) / 评论( 0 ) / 评分( 0 / 0 )

需求

新建一个javaweb项目
建立静态页面
编写后台业务逻辑
连接数据库（打通前后台）实现动态化
测试（内侧《黑盒，白盒》，公测<目标用户参与测试或者客户参与测试>）
上线试运行（找bug）
正式上线运营（不断地根据用户反馈和市场需求变化迭代更新产品）改版
维护

工具 edit plus

<!doctype html>

<html>

<head>

</html>

页面三要素

div 层盒子容器

CSS 层叠样式表，一件美丽的外衣

</style>

声明结束：分号结束

class类样式

以点开头的css样式称之为类样式

Margin外边据

padding内边居

*{Margin：0；padding：0；}

图片四要素alt，src，height，weith

<head>

<style>

* {margin:o;padding:0;}//for all.

body {background:url("images/bg.jpg");no-repeat top center;font-size:12px;font-family:"微软雅黑"；}//大数据分析最帅字体大小12px

.QQ {width:600px;height:150px;background:#fff; margin:100px;border-radius:5px; position:relative;}//border-radius 圆角

.QQ .q_title {padding:10px 0 10px 20px; font-size:14px; }// padding上右下左四个值

.QQ .q_msg {weidth:560px;height:70px;border:1px solid #ccc;margin: 0 auto;outline:none;} //outline去掉默认蓝色框

.QQ .q_face .q_box{margin:10px 0 0 18px; float:left;}//margin上右下左四个值

.QQ .q_face .q_but{width:82px;height:30px;background:#f07800;display:block;float：right;margin:4px 20px 0 0;border-radius:3px; color:#fff;text-decoration：none;line-height:30px；text-align:center;}//行内元素给它宽高没有用,text-decoration 去下划线，line-height上下句中，text-align字段居中

.QQ .q_face .q_but: hover{background:#ff5809;}

.QQ .q_face .box{widght:365px;height:180px;background:#fff;border:1px solid red;position:absolute;top:148px;left:25px;}

</style>

</head>

<body>

有什么新鲜事想告诉大家？

</p>

</a>

</p>

</div>

</body>

QQ 远程桌面系统屏幕监控