坚持#第37天~Java开发大数据实时统计系统

2016-9-12
（1）看了30天；
（2）9-6看完了；
（3）看了专套本。
以下是9-6收获：
*代表所有的意思，style写在头部里面，把盒子与浏览器之间的距离变为0：*{margin:0;}
添加背景图片：*下面写上：body{background:url("images/bg.jpg");}调整大小：background-size:cover(大小可以自己调);或background-position:top center;
添加主题：在盒子里面写(用主题标签h1)：<h1>Java开发大数据实时统计系统</h1>再化妆：.report h1{text-align:center;font-weight:300;color:#ffffff;margin-bottom(与下面的输入框产生距离):15px;}
输入框里面的字移动位置：{text-indent:10px;}
输入框里面的文字左右居中：{text-align:center;}
输入框里面的文字上下居中：{line-height:45px;}
font-weight:bold(默认是700);


添加输入框：盒子里面写：<input type="text" class="r_text" placeholder(输入提示内容)="放入网址..." />再化妆：{width:px;height:px;border(去掉边框):none;padding-left(调整边框和内容之间的距离左内边距):20px;outline(去掉蓝色边框):none;border-radius(圆角边框与按钮无缝对接):3px 0px 0px 3px;}


添加按钮：在输入框下面会产生距离，所以要在输入框右边写代码：<input type="button" class="r_btn" value(设置文字内容):"点击开始" />再化妆：{width:110px;height:36px;background(设置按钮的背景颜色):#3cbd38;border(去掉边框):none;outline(去掉蓝色边框):none;cursor(鼠标滑上来有个小手):pointer;color(设置按钮的文字颜色):white;border-radius(圆角边框):0px 3px 3px 0px;}若要鼠标滑上来按钮会变色需再另写一个化妆：.r_btn:hover{background:加深颜色;}


添加下拉列表：盒子里面写：<option value="0">--请选择--</option>继续在下面写,但不用命名了<option>11</option>再化妆：{text-align(居中):center;font-size:16px;color:white;}


添加报表：先写个盒子，再化妆：{width:100%;height:360px;background:#66ccff;margin-top:30px;}


优化（加快读取速度，不要等做完了再优化，到时候就来不及了，要养成好的习惯）：1.减少http请求次数；2.减小页面体积（颜色、空格）。


Java的最高境界：模块化、区块化、插件化