rj1804程佳林
rj1804程佳林

网页制作练习

html




	
	传智播客
	


	

		
传智播客旗下品牌：  黑马程序员  |  博学谷

		
改变中国IT教育，我们正在行动     全国咨询热线：400-618-4000

	

	

		
 

		
 免费学习资源

		
 课程中心

		
 学科指南

		
 学员故事

		
 传智社区

		
 在线课堂

	

	

		

			    
		

		
 

		

			
信息港

			

				
			

		

	

	

		
学习资源

		

			

				公开课
			

			
视频库

			
好毕设

		

	

	

		

		    

		    	2016年07月26日开课
		    

		    

		    	

		    史上最最难就业季生存对策（全能UI设计师--代码篇)
		    	

		    	

		    		
已有277人报名

		    		

		    			
		    		

		    	

		    

		


		

			

				 2016年07月27日开课
			

			

		    	

		    暑期在家，学点技术赚点钱吧？
		    	

		    	

		    		
已有235人报名

		    		

		    			
		    		

		    	

		    

		

        

			

				 2016年07月28日开课
			

			

		    	

		    黑帽SEO泛目录批量优化网站排名
		    	

		    	

		    		
已有263人报名

		    		

		    			
		    		

		    	

		    

		

        
        

			

				 2016年07月29日开课
			

			

		    	

		    洞察Nginx高性能反向代理服务器
		    	

		    	

		    		
已有242人报名

		    		

		    			
		    		

		    	

		    

		

        
        

			

				 2016年08月01日开课
			

			

		    	

		    Android Wear开发尝鲜 - 两小时站在科技最前沿
		    	

		    	

		    		
已有96人报名

		    		

		    			
		    		

		    	

		    

		


	


    

		
传智故事

		

			

				学员故事
			

			
科技喵喵喵

		

	


	

		

			
			

			小网管逆袭工资翻9倍
		    

		


		

			
			

			高考结束，放弃大学，依然月薪过万！
		    

		


		

			
			

			《对不起》系列微电影，史上最爆笑致歉没有之一
		    

		


		

			
			

			不迷茫的毕业季，青春勇敢前行
		    

		

	


	

		

			社区本周精华
		

		

			

				开班报道
			

			

				学员故事
			

			

				活动专区
			

		

	


	

		

			
			

			于是，我们来了！——北京传智JavaEE基础23
		    

		


		

			
			

			大雨洗礼过的太阳会更加灿烂——传智JavaEE
		    

		


		

			
			

			“暴雨前夕”北京传智播客UI设计基础63期开
		    

		


		

			
			

			在追求梦想的道路上我们风雨无阻！！
		    

		

	


	


	

		

			

				免费分享教程
			

		


		

		    

		    	每年更新课程体系
		    

		


		

		    

		    	定期举办技术沙龙
		    

		


		

		    

		    	就业薪资全部公开
		    

		


		

		    

		    	7*24小时职业规划
		    

		

	


	

		

			

				关于我们
			

			

				传智简介
			

			

				加入传智
			

		


		

			

				旗下品牌
			

			

				黑马程序员
			

			

				博学谷
			

		


		

			

				校区攻略
			

			

				校园环境
			

			

				住宿攻略
			

			

				来校路线
			

		


		

			

				学习资源
			

			

				视频库
			

			

				公开课
			

			

				云课堂
			

		


		

			

				传智故事
			

			

				学员故事
			

			

				科技喵喵喵
			

		

	


	

		

			友情链接
		

		

			
		

	

	

		

			

				
			

		

		

			
    
				
  • 传智播客版权所有 2006 - 2016 北京传智播客教育科技有限公司
    • 
				
  • 地址：北京市昌平区建材城西路金燕龙办公楼一层
    • 
				
  • 邮编：100096
    • 
				
  • 电话：010-82935150/60/70
    • 
				
  • 邮箱: [email protected]
    • 
				
  • 京ICP备08001421号
    • 
				
  • 京公网安备110108007702
    •

css

* {
	margin: 0;
	padding: 0;
}
.header {
   height: 40px;
   width: 1920px;
   background-color: #055c92;
   float: left;
}
.header1 {
	height: 16px;
	width: 226px;
	color: white;
	margin-top: 12px;
	margin-left: 357px;
	font-size: 12px;
	float: left;
}
.header1 a {
	text-decoration: none;
	color: white;
}
.header a:hover{
	border-bottom: 0.5px solid white;
}
.header2 {
	height: 16px;
	width: 345px;
	color: white;
	margin-left: 630px;
	margin-top: 12px;
	font-size: 12px;
	float: left;
}
.box1 {
	height: 140px;
	width: 1200px;
	margin-left: 357px;
}
.box1 a {
	text-decoration: none;
}
/*鼠标放上出现下划线*/
.box1 a:hover{
	border-bottom: 2px solid #00a3fa;
}
.box1-1 {
	float: left;
	margin-top: 20px;
}
.box1-2 {
	float: left;
	width: 98px;
	height: 20px;
	margin-left: 65px;
	margin-top: 34px;
}
.box1-3 {
	float: left;
	width: 65px;
	height: 20px;
	margin-left: 24px;
	margin-top: 34px;
}
.box1-4 {
	float: left;
	width: 65px;
	height: 20px;
	margin-left: 22px;
	margin-top: 34px;
}
.box1-5 {
	float: left;
	width: 65px;
	height: 20px;
	margin-left: 22px;
	margin-top: 34px;
}
.box1-6 {
	float: left;
	width: 65px;
	height: 20px;
	margin-left: 22px;
	margin-top: 34px;
}
.box1-7 {
	float: left;
	width: 65px;
	height: 20px;
	margin-left: 22px;
	margin-top: 34px;
}
.box1 a {
	color: black;
	font-size: 16px;
}
/*搜索框*/
.search .a{
	width: 360px;
	height: 38px;
	margin-top: 28px;
	margin-left: 22px;
	float: left;
	border: 1px solid #00a3fa;
	border-right: none;
	color: #ccc;
}
.search .b{
	border: 0;
	width: 50px;
	margin-top: 28px;
	height: 40px;
	float: left;
	background-image: url(images/btn.png);
}
.box2 {
	width: 1200px;
	height: 400px;
	float: left;
	margin-left: 357px;
}
.box2-1 {
	float: left;
	width: 234px;
	height: 400px;
	background-color: #53000e;
}
.box2-1 ul li a:hover {
	color: #FF0000;
}
.box2-2 {
	float: left;
	width: 728px;
	height: 400px;
	
}
.box2-3 {
	float: left;
	width: 232px;
	height: 400px;
	margin-left: 6px;
}
.box2-4 {
	float: left;
	width: 232px;
	height: 46px;
	background-color: #003C9D;
	text-align: center;
	line-height: 46px;
	color: white;
}
/*边框*/
.box2-5 {
	float: left;
	width: 232px;
	height: 354px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.box2-6 li{
   font-size: 13px;
   margin-top: 20px;
   margin-left: 20px
}
.box2-6 li a{
   text-decoration: none;
}
.box2-6 li a:hover {
	color: #8799e9;
}
.q {
	color: red;
}
.e {
	color: black;
}
.p {
	margin-top: 20px;
}
.box2-1 ul li a {
	display: block;
	font-size: 14px;
	height: 34px;	
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
}
.box2-1 ul li {
	list-style: none;
}
.box2-1 ul li a span{
	float: right;
}
.box3 {
	width: 1200px;
	height:104px;
	margin-left: 357px;
	float: left;
}
.box3-1 {
	width: 91px;
	height: 37px;
	font-size: 22px;
	margin-top: 67px;
	float: left;
}
.box3-2 {
	width: 164px;
	height: 18px;
    float: right;
    margin-top: 67px;
}
.box3-3 {
	width: 52px;
	height: 18px;
	border-right: 1px solid #7d7d7d;
	font-size: 13px;
	float: left;
}
.box3-3 a {
	color: #57c2f3;
	text-decoration: none;
}
.box3-4 a {
	color: black;
	text-decoration: none;
}
.box3-5 a {
	color: black;
	text-decoration: none;
}
.box3-2 a:hover {
	border-bottom: 1px solid black;
}
.box3-4 {
	width: 62px;
	height: 18px;
	float: left;
	font-size: 13px;
	border-right: 1px solid #7d7d7d;
	text-align: center;
}
.box3-5 {
	width: 48px;
	height: 18px;
	font-size: 13px;
	float: left;
	text-align: center;
}
.box4 {
	width: 1250px;
	height: 200px;
	float: left;
	margin-left: 357px;
}
/*使用背景图片*/
.box4 .box4-1 {
	boder:0;
	height: 142px;
	width: 234px;
	background-image: url(images/就业难.jpg);
	float: left;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}
.box4-2 {
	height: 22px;
	width: 224px;
	font-size: 12px;
	color: white;
	line-height: 22px;
	background-color: rgba(66,58,58,0.5);
	margin-top: 120px;
	padding-left: 10px;
	float: left;
}
.box4-3 {
	width: 234px;
	height: 86px;
	background-color: white;
	float: left;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
/*隐藏多余的字数*/
.box4-4 {
	width: 234px;
	height: 20px;
	margin-top: 15px;
	font-size:14px;
	margin-left: 10px;
	float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*鼠标放上显示全部*/
.box4-4:hover {
	overflow: visible;
    font-weight:'宋体';
}
.box4-5 {
	width: 234px;
	height: 24px;
	margin-top: 16px;
	float: left;
}
.box4-6 {
	width: 84px;
	height: 18px;
	margin-top: 3px;
	margin-left: 10px;
	font-size: 12px;
	float: left;
}
.box4-7 {
	width: 64px;
	height: 23px;
	margin-right: 10px;
	float: right;
}
.box4-8 {
	width: 64px;
	height: 23px;
	border: 0;
	color: #ed4300;
	font-weight: 700;
	background-image: url(images/2.jpg);
	border: 1px solid #ed4300;
}
/*第二张图片复制*/
.box4 .box4-9 {
	boder:0;
	height: 142px;
	width: 234px;
	background-image: url(images/暑假狂欢.jpg);
	margin-left: 10px;
	float: left;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}
.box4-10 {
	height: 22px;
	width: 224px;
	font-size: 12px;
	color: white;
	line-height: 22px;
	background-color: rgba(66,58,58,0.5);
	margin-top: 120px;
	padding-left: 10px;
	float: left;
}
.box4-11 {
	width: 234px;
	height: 86px;
	background-color: white;
	float: left;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
/*隐藏多余的字数*/
.box4-12 {
	width: 234px;
	height: 20px;
	margin-top: 15px;
	font-size:14px;
	margin-left: 10px;
	float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*鼠标放上显示全部*/
.box4-12:hover {
	overflow: visible;
    font-weight:'宋体';
}
.box4-13 {
	width: 234px;
	height: 24px;
	margin-top: 16px;
	float: left;
}
.box4-14 {
	width: 84px;
	height: 18px;
	margin-top: 3px;
	margin-left: 10px;
	font-size: 12px;
	float: left;
}
.box4-15 {
	width: 64px;
	height: 23px;
	margin-right: 10px;
	float: right;
}
.box4-16 {
	width: 64px;
	height: 23px;
	border: 0;
	color: #ed4300;
	font-weight: 700;
	background-image: url(images/2.jpg);
	border: 1px solid #ed4300;
}
/*第三张图片复制*/
.box4 .box4-17 {
	boder:0;
	height: 142px;
	width: 234px;
	background-image: url(images/SED.jpg);
	margin-left: 10px;
	float: left;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}
.box4-18 {
	height: 22px;
	width: 224px;
	font-size: 12px;
	color: white;
	line-height: 22px;
	background-color: rgba(66,58,58,0.5);
	margin-top: 120px;
	padding-left: 10px;
	float: left;
}
.box4-19 {
	width: 234px;
	height: 86px;
	background-color: white;
	float: left;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
/*隐藏多余的字数*/
.box4-20 {
	width: 234px;
	height: 20px;
	margin-top: 15px;
	margin-left: 10px;
	font-size:14px;
	float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*鼠标放上显示全部*/
.box4-20:hover {
	overflow: visible;
    font-weight:'宋体';
}
.box4-21 {
	width: 234px;
	height: 24px;
	margin-top: 16px;
	float: left;
}
.box4-22 {
	width: 84px;
	height: 18px;
	margin-top: 3px;
	margin-left: 10px;
	font-size: 12px;
	float: left;
}
.box4-23 {
	width: 64px;
	height: 23px;
	margin-right: 10px;
	float: right;
}
.box4-24 {
	width: 64px;
	height: 23px;
	border: 0;
	color: #ed4300;
	font-weight: 700;
	background-image: url(images/2.jpg);
	border: 1px solid #ed4300;
}
/*第四张图片复制*/
.box4 .box4-25 {
	boder:0;
	height: 142px;
	width: 234px;
	background-image: url(images/2.jpg);
	margin-left: 10px;
	float: left;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}
.box4-26 {
	height: 22px;
	width: 224px;
	font-size: 12px;
	color: white;
	line-height: 22px;
	background-color: rgba(66,58,58,0.5);
	margin-top: 120px;
	padding-left: 10px;
	float: left;
}
.box4-27 {
	width: 234px;
	height: 86px;
	background-color: white;
	float: left;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
/*隐藏多余的字数*/
.box4-28 {
	width: 234px;
	height: 20px;
	font-size:14px;
	margin-top: 15px;
	margin-left: 10px;
	float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    
}
/*鼠标放上显示全部*/
.box4-28:hover {
	overflow: visible;
    font-weight:'宋体';
}
.box4-29 {
	width: 234px;
	height: 24px;
	margin-top: 16px;
	float: left;
}
.box4-30 {
	width: 84px;
	height: 18px;
	margin-top: 3px;
	margin-left: 10px;
	font-size: 12px;
	float: left;
}
.box4-31 {
	width: 64px;
	height: 23px;
	margin-right: 10px;
	float: right;
}
.box4-32 {
	width: 64px;
	height: 23px;
	border: 0;
	color: #ed4300;
	font-weight: 700;
	background-image: url(images/2.jpg);
	border: 1px solid #ed4300;
}
/*第五张图片复制*/
.box4 .box4-33 {
	boder:0;
	height: 142px;
	width: 220px;
	background-image: url(images/安卓.jpg);
	margin-left: 10px;
	float: left;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}
.box4-34 {
	height: 22px;
	width: 212px;
	font-size: 12px;
	color: white;
	line-height: 22px;
	background-color: rgba(66,58,58,0.5);
	margin-top: 120px;
	padding-left: 10px;
	float: left;
}
.box4-35 {
	width: 220px;
	height: 86px;
	background-color: white;
	float: left;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
/*隐藏多余的字数*/
.box4-36 {
	width: 220px;
	height: 20px;
	margin-top: 15px;
	font-size:14px;
	margin-left: 10px;
	float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*鼠标放上显示全部*/
.box4-36:hover {
	overflow: visible;
    font-weight:'宋体';
}
.box4-37 {
	width: 220px;
	height: 24px;
	margin-top: 16px;
	float: left;
}
.box4-38 {
	width: 84px;
	height: 18px;
	margin-top: 3px;
	margin-left: 10px;
	font-size: 12px;
	float: left;
}
.box4-39 {
	width: 64px;
	height: 23px;
	margin-right: 10px;
	float: right;
}
.box4-40 {
	width: 64px;
	height: 23px;
	border: 0;
	color: #ed4300;
	font-weight: 700;
	background-image: url(images/2.jpg);
	border: 1px solid #ed4300;
}
.box5 {
	width: 1200px;
	height:104px;
	margin-left: 357px;
	float: left;
}
.box5-1 {
	width: 91px;
	height: 37px;
	font-size: 22px;
	margin-top: 67px;
	float: left;
}
.box5-2 {
	width: 148px;
	height: 18px;
    float: right;
    margin-top: 67px;
}
.box5-3 {
	width: 67px;
	height: 18px;
	border-right: 1px solid #7d7d7d;
	font-size: 13px;
	float: left;
}
.box5-3 a {
	color: #57c2f3;
	text-decoration: none;
}
.box5-2 a:hover {
	border-bottom: 1px solid black;
}
.box5-4 {
	width: 80px;
	height: 18px;
	float: left;
	font-size: 13px;
	text-align: center;
}
.box5-4 a {
	color: black;
	text-decoration: none;
}
.box6 {
	width: 1200px;
	height: 223px;
	margin-left: 357px;
	float: left;
}
.box6-1 {
	width: 292px;
	height: 222px;
	transition: all 0.6s;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	float: left;
}
.box6-1:hover{
            box-shadow: 0 10px 20px rgba(0,0,0,0.5);
            transform: translateY(-20px);
 }
.box6-1 img {
	width: 292px;
	height: 160px;
}
.box6-2 {
	width: 292px;
	height: 62px;
	font-size: 15px;
	text-align: center;
	line-height: 62px;
    transition: all 0.6s;
}
.box6-3 {
	width: 292px;
	height: 222px;
	transition: all 0.6s;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin-left: 10px;
	float: left;
}
.box6-3:hover{
            box-shadow: 0 10px 20px rgba(0,0,0,0.5);
            transform: translateY(-20px);
 }
.box6-3 img {
	width: 292px;
	height: 160px;
}
.box6-4 {
	width: 292px;
	height: 62px;
	font-size: 15px;
	text-align: center;
	line-height: 62px;
}
.box6-5 {
	width: 292px;
	height: 222px;
	transition: all 0.6s;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin-left: 10px;
	float: left;
}
.box6-5:hover{
            box-shadow: 0 10px 20px rgba(0,0,0,0.5);
            transform: translateY(-20px);
 }
.box6-5 img {
	width: 292px;
	height: 160px;
}
.box6-6 {
	width: 292px;
	height: 62px;
	font-size: 15px;
	text-align: center;
	line-height: 62px;
	float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*鼠标放上显示全部*/
.box6-6:hover {
	overflow: visible;
    font-weight:'宋体';
}
.box6-7 {
	width: 280px;
	height: 222px;
	transition: all 0.6s;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin-left: 10px;
	float: left;
}
.box6-7:hover{
            box-shadow: 0 10px 20px rgba(0,0,0,0.5);
            transform: translateY(-20px);
 }
.box6-7 img {
	width: 280px;
	height: 160px;
}
.box6-8 {
	width: 280px;
	height: 62px;
	font-size: 15px;
	text-align: center;
	line-height: 62px;
}
.box7 {
	width: 1194px;
	height: 106px;
	float: left;
	margin-left: 357px;
}
.box7-1 {
	width: 133px;
	height: 28px;
	font-size: 22px;
	margin-top: 67px;
	float: left;
}
.box7-2 {
	width: 210px;
	height: 18px;
	margin-top: 64px;
	float: right;
}
.box7-3 {
	width: 66px;
	height: 18px;
	border-right:0.5px solid black;
	font-size: 13px;
	float: left;
}
.box7-3 a {
	text-decoration: none;
	color: #57c2f3;
}
.box7-2 a:hover {
	border-bottom: 1px solid black;
}
.box7-4 {
	width: 75px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	border-right:0.5px solid black;
	font-size: 13px;
	float: left;
}
.box7-5 {
	width: 67px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	font-size: 13px;
	float: left;
}
.box7-4 a {
	color: black;
	text-decoration: none;
}
.box7-5 a {
	color: black;
	text-decoration: none;
}
.box8 {
	width: 1200px;
	height: 223px;
	margin-left: 357px;
	float: left;
}
.box8-1 {
	width: 292px;
	height: 222px;
	transition: all 0.6s;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	float: left;
}
.box8-1:hover{
            box-shadow: 0 10px 20px rgba(0,0,0,0.5);
            transform: translateY(-20px);
 }
.box8-1 img {
	width: 292px;
	height: 160px;
}
.box8-2 {
	width: 292px;
	height: 62px;
	font-size: 15px;
	text-align: center;
	line-height: 62px;
	float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.box8-2:hover {
	overflow: visible;
    font-weight:'宋体';
}
.box8-3 {
	width: 292px;
	height: 222px;
	transition: all 0.6s;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin-left: 10px;
	float: left;
}
.box8-3:hover{
            box-shadow: 0 10px 20px rgba(0,0,0,0.5);
            transform: translateY(-20px);
 }
.box8-3 img {
	width: 292px;
	height: 160px;
}
.box8-4 {
	width: 292px;
	height: 62px;
	font-size: 15px;
	text-align: center;
	line-height: 62px;
	float: left;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.box8-4:hover {
	overflow: visible;
    font-weight:'宋体';
}
.box8-5 {
	width: 292px;
	height: 222px;
	transition: all 0.6s;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin-left: 10px;
	float: left;
}
.box8-5:hover{
            box-shadow: 0 10px 20px rgba(0,0,0,0.5);
            transform: translateY(-20px);
 }
.box8-5 img {
	width: 292px;
	height: 160px;
}
.box8-6 {
	width: 292px;
	height: 62px;
	font-size: 15px;
	text-align: center;
	line-height: 62px;
	float: left;
    text-overflow: ellipsis;/*省略号代替*/
    overflow: hidden;/*隐藏*/
    white-space: nowrap;/*不让自动换行*/
}
/*鼠标放上显示全部*/
.box8-6:hover {
	overflow: visible;
    font-weight:'宋体';
}
.box8-7 {
	width: 280px;
	height: 222px;
	transition: all 0.6s;
	border-left: 1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin-left: 10px;
	float: left;
}
.box8-7:hover{
            box-shadow: 0 10px 20px rgba(0,0,0,0.5);
            transform: translateY(-20px);
 }
.box8-7 img {
	width: 280px;
	height: 160px;
}
.box8-8 {
	width: 280px;
	height: 62px;
	font-size: 15px;
	text-align: center;
	line-height: 62px;
}
.l {
	width: 1200px;
	height: 42px;
	margin-left: 357px;
	float: left;
}
.box9 {
	width: 1920px;
	height: 120px;
	background-color: #f3f3f3;
	float: left;
}
.box9-1 {
	width: 242px;
	height: 120px;
	margin-left: 357px;
	line-height: 120px;
	float: left;
}
.box9-2 {
	width: 150px;
	height: 34px;
	float: right;
	line-height: 34px;
	margin-top: 43px;
	border-right:1px solid #e0e0e0;
}
.box9-2 a {
	text-decoration: none;
	color: #333333;
	font-size: 14px;
}
.box9-3 {
	width: 240px;
	height: 120px;
	float: left;
}
.box9-4 {
	width: 151px;
	height: 34px;
	float: right;
	line-height: 34px;
	margin-top: 43px;
	border-right:1px solid #e0e0e0;
}
.box9-4 a {
	text-decoration: none;
	color: #333333;
	font-size: 14px;
}
.box9-5 {
	width: 240px;
	height: 120px;
	float: left;
}
.box9-6 {
	width: 151px;
	height: 34px;
	float: right;
	line-height: 34px;
	margin-top: 43px;
	border-right:1px solid #e0e0e0;
}
.box9-6 a {
	text-decoration: none;
	color: #333333;
	font-size: 14px;
}
.box9-7 {
	width: 240px;
	height: 120px;
	float: left;
}
.box9-8 {
	width: 151px;
	height: 34px;
	float: right;
	line-height: 34px;
	margin-top: 43px;
	border-right:1px solid #e0e0e0;
}
.box9-8 a {
	text-decoration: none;
	color: #333333;
	font-size: 14px;
}
.box9-9 {
	width: 240px;
	height: 120px;
	float: left;
}
.box9-10 {
	width: 151px;
	height: 34px;
	float: right;
	line-height: 34px;
	margin-top: 43px;
}
.box9-10 a {
	text-decoration: none;
	color: #333333;
	font-size: 14px;
}
.box9 a:hover{
	border-bottom:1px solid black;
}
.box10 {
	width: 1200px;
	height: 158px;
	margin-left: 357px;
	border-bottom: 1px solid #e0e0e0;
	float: left;
}
.box10-1 {
	width: 171px;
	height: 158px;
	float: left;
}
.box10-2 {
	width: 64px;
	height: 18px;
	font-size: 16px;
	margin-top: 30px;
}
.box10-3 {
	width: 51px;
	height: 17px;
	margin-top: 15px;
    font-size: 12px;
}
.box10-4 {
	width: 51px;
	height: 17px;
	margin-top: 15px;
    font-size: 12px;
}
.box10-1 a {
	text-decoration: none;
	color: #8d8d8d;
}
.box10-1 a:hover{
	border-bottom:1px solid black;
}

.box10-5 {
	width: 171px;
	height: 158px;
	float: left;
}
.box10-6 {
	width: 64px;
	height: 18px;
	font-size: 16px;
	margin-top: 30px;
}
.box10-7 {
	width: 62px;
	height: 17px;
	margin-top: 15px;
    font-size: 12px;
}
.box10-8 {
	width: 40px;
	height: 17px;
	margin-top: 15px;
    font-size: 12px;
}
.box10-5 a {
	text-decoration: none;
	color: #8d8d8d;
}
.box10-5 a:hover{
	border-bottom:1px solid black;
}

.box10-9 {
	width: 171px;
	height: 158px;
	float: left;
}
.box10-10 {
	width: 64px;
	height: 18px;
	font-size: 16px;
	margin-top: 30px;
}
.box10-11 {
	width: 51px;
	height: 17px;
	margin-top: 15px;
    font-size: 12px;
}
.box10-12 {
	width: 51px;
	height: 17px;
	margin-top: 15px;
    font-size: 12px;
}
.box10-13 {
	width: 51px;
	height: 17px;
	margin-top: 15px;
    font-size: 12px;
}
.box10-9 a {
	text-decoration: none;
	color: #8d8d8d;
}
.box10-9 a:hover{
	border-bottom:1px solid black;
}

.box10-14 {
	width: 171px;
	height: 158px;
	float: left;
}
.box10-15 {
	width: 64px;
	height: 18px;
	font-size: 16px;
	margin-top: 30px;
}
.box10-16 {
	width: 39px;
	height: 17px;
	margin-top: 15px;
    font-size: 12px;
}
.box10-17 {
	width: 39px;
	height: 17px;
	margin-top: 15px;
    font-size: 12px;
}
.box10-18 {
	width: 39px;
	height: 17px;
	margin-top: 15px;
    font-size: 12px;
}
.box10-14 a {
	text-decoration: none;
	color: #8d8d8d;
}
.box10-14 a:hover{
	border-bottom:1px solid black;
}

.box10-19 {
	width: 171px;
	height: 158px;
	float: left;
}
.box10-20 {
	width: 64px;
	height: 18px;
	font-size: 16px;
	margin-top: 30px;
}
.box10-21 {
	width: 50px;
	height: 17px;
	margin-top: 15px;
    font-size: 12px;
}
.box10-22 {
	width: 62px;
	height: 17px;
	margin-top: 15px;
    font-size: 12px;
}
.box10-19 a {
	text-decoration: none;
	color: #8d8d8d;
}
.box10-19 a:hover{
	border-bottom:1px solid black;
}
.box11 {
	width: 1200px;
	height: 153px;
	margin-left: 357px;
	border-bottom: 1px solid #e0e0e0;
	float: left;
}
.box11-1 {
	width: 64px;
	height: 18px;
	font-size: 16px;
	margin-top: 30px;
}
.box11-2 {
	width: 1183px;
	height: 40px;
	margin-top: 15px;
	font-size: 12px;
}
.box11-2 ul li a {
	text-decoration: none;
	color: #8d8d8d;
	list-style: none;
}
.box11-2 ul li {
	list-style: none;
	float: left;
	margin-right: 10px;
	margin-top: 13px;
}
.box11-2 ul li a:hover {
	border-bottom: 1px solid #8d8d8d;
}
.box12 {
	width: 1200px;
	height: 118px;
	float: left;
	margin-left: 357px;
}
.box12-1 {
	width: 162px;
	height: 120px;
	float: left;
}
.box12-2 {
	float: left;
	padding-top:30px; 
}
.box12-3 {
	width: 680px;
	height: 46px;
	float: left;
	margin-top: 24px;
	margin-left: 25px;
}
.box12-3 ul li {
	font-size: 12px;
	margin-top: 10px;
	margin-right: 8px;
	float: left;
	list-style: none;
}

你可能感兴趣的:(网页制作练习)

  • 现在发挥你的优势 爱生活的佑嘉
    来和我做咨询的一些朋友，涉及到定位的，都会说，我不知道我的优势是什么，你能不能帮我看看？还有一些朋友，喜欢做各种测试来了解自己，测试过后，然并卵。今天，我想来聊聊优势，如何能了解自己的优势是什么。首先，我们要知道，如果要成为“不一般”的人，我们所做的事情，就要基于自身的优势。我做管理者十多年，看到每个员工都有不同的特长，有的擅长数字，有的擅长人际，有的擅长写作。这些知道自己优势并且在这方面刻意练习
  • 恩小希美食成长日记之118：“摘星女神”王亚平归来，她的婚姻，治愈了多少职场女性的痛 恩小希
    上周最为热闹的消息,无疑是神舟13号的三位航天英雄回来了.其中,最为瞩目的就是王亚平.她是我国首位进行太空行走的女航天员,也是为自己小女儿“摘星星的妈妈”。作为最受关注的职场妈妈，王亚平之所以能够成就这样一番事业，跟背后默默支持她的丈夫--赵鹏分不开。01王亚平1980年出生于山东烟台。父母都是地地道道的农民。王亚平这个姑娘从小体质好，一直练习长跑。高中时，空军来家乡招收女飞行员，作为体育班里唯一
  • 平静得接受自己的笨拙 20190118 晨间日记 吴伯符
    图片发自App最近做了一个关于微习惯的分享，这里有八个字：微量开始，超额完成。这里的言下之意其实是要你在一开始的时候，平静地接受自己的笨拙。接受自己的笨拙，理解自己的笨拙，放慢速度尝试，观察哪里可以改进，再反复练习，观察自己哪里可以再进一步改进，再反复…这是学习一切技能的必须的过程。这里的两个关键点是：1.尽快的开始这个过程，这就能够用到微习惯的微量开始。2.尽快的度过这个过程，这就需要用到超额完
  • 【花了N长时间读《过犹不及》，不断练习，可以越通透】 君君Love
    我已经记不清花了多长时间去读《过犹不及》，读书笔记都写了42页，这算是读得特别精细的了。是一本难得的好书，虽然书中很多内容和圣经吻合，我不是基督徒，却觉得这样的文字值得细细品味，和我们的生活息息相关。我是个界线建立不牢固的人，常常愧疚，常常害怕他人的愤怒，常常不懂拒绝，还有很多时候表达不了自己真实的感受，心里在说不嘴里却在说好……这本书给我很多的启示，让我学会了怎样去建立属于自己的清晰的界限。建立
  • 打造自己的梦想生态系统 轻风style
    今天听了第5周5.1的梦想系统和随堂练习：梦想仓库与八大关注表。参照老师给出的例子，列出了八大关注对应的自己的梦想。有些写的时候内心都在怀疑，但因为老师有说到，要没有分别心的去列出，不管是近的，远的，小的，大的，自己觉得可以实现的，或者觉得根本不可能实现的，都统统的列出来。就像音频中提到的，林语堂说过的话，梦想无论怎样模糊，总潜伏在我们心底，使我们的心境永远得不到宁静，直到这些梦想成为事实才止；像
  • 绕口令集合（每日练习） 蓉女侠
    八百标兵奔北坡，炮兵并排北边跑，炮兵怕把标兵碰，标兵怕碰炮兵炮。炮兵攻打八面坡，排排炮弹齐发射。步兵攻打八面坡，歼敌八千八百八十多。调到敌岛打特盗，特盗太刁投短刀，挡推顶打短刀掉，踏盗得刀盗打倒。哥挎瓜筐过宽沟，赶快过沟看怪狗，光看怪狗瓜筐扣，瓜滚筐空哥怪狗。一位爷爷他姓顾，上街打醋又买布。买了布，打了醋，回头看见鹰抓兔。放下布，搁下醋，上前去追鹰和兔。飞了鹰，跑了兔，打翻醋，醋湿布。牛郎恋刘娘，
  • D13-0729-阿凡提 阿凡提在冰川
    D13D13-0729-阿凡提如何避开听力训练中的常见坑——Zoe分享听力训练中的常见坑听力训练中的常见坑看不懂，写不出：生词障碍，背景知识能看看懂，写不出：口音、语音现象（连读、弱读、爆破等）、语法一些语音现象失去爆破：两个爆破音连在一起，前面的失去爆破击穿：辅音、爆破音后面接h一般不发音，Youkown听力练习最大的坑听完不复习表现：：听完不对材料进行复习，仅仅对一些错词进行更正，不做进一步拓
  • August 22，Thursday & Jeudi 转院康复第三天 emmanuelleZHAO
    今天是转院康复第三天，已经三天没有做肢体康复了。昨天下午是医生忘记了，今天是我哥忘记了。陪床这十几天，感觉最累的是家人对治病的意见不一致。比如今天，我哥就要出院，才来三天就要出院，开玩笑吧……妈妈现在失语比较厉害，所以练习吞咽的同时还需要练习语言功能。这是一个慢慢恢复的过程，而且即使恢复了，也不会恢复到生病之前到状态。需要有这个心里准备…我这里比较麻烦的事.人在北京，。9月中旬前还可以，9月中旬后
  • 我们在瑜伽的练习过程中，怎么去突破身体的极限呢？ 说瑜伽
    大家肯定跟我一样，也经历过这样的情况，就是当去尝试一个瑜伽体式的时候，却好死不死的被卡住了，同样的一个体式，每个人被卡住的点都不一样，这个是因为每个人的身体的不一样的。所以我们需要首先去了解我们自己身体的极限到底在哪里，然后才能够有针对性地进行练习，说到底练习瑜伽就是这样的，一步步地去发现是身体的局限，然后再去突破它到底是什么让你在体式中卡住了呢？1.紧张。肌肉、组织、筋膜的紧张，在拉伸的时候，这
  • Navicat练习与实操（第九节课内容总结见下篇） 咩? android前端sql
    MySQL练习练习题目现在有以下四张表Student学生ID学生名字学生生日学生性别s_ids_names_births_sexCourse课程ID课程名字教师IDc_idc_namet_idTeacher教师ID教师名字t_idt_nameScore学生ID课程ID学生分数s_idc_ids_score1.对以上表格分别建表(要求：id为各个表的主键、其他字段非空设置默认值为、给表以及表中字段设
  • 冬游颐和园简易攻略 和佛陀去赏花
    持续记录431天（2019.2.8）阅读打卡第212天：《穷查理宝典》1394-1461。朗诵记录第213天：今天是朗诵的第32周第5天，日常绕口令练习《喇嘛和哑巴》，《论语•述而第七》（二）七点四十醒来，老妈做些早餐，饭毕，我们祖孙三人九点出门，今天计划颐和园。颐和园在最初建造的时候就是为了祝寿所用，作为皇家园林，在规划上颐和园共分为三个区域：生活区（佛香阁），行政区（仁寿堂），游玩休闲区（昆明
  • 0415 爆文拆解练习 Ccrystal爱生活
    ❤️选题｜健康❤️标题｜“啥也不想干”，是身体给你最好的信号标题结构｜“一句话”+是...信号；❤️开篇｜悬念开头+阐述具体表现+案例+观点❤️结构｜01案例+过渡+案例+结尾反问02引用一句话+解析+阐述看法原因+案例+引用名人名言+解析总结03提出疑问+引用心理学家一个观点+解析+案例+案例总结+代入现实+阐述【行动】具体表现+结论+【不行动】行为阐述+总结❤️结尾04提出疑问+给出答案+具体
  • 每日复盘Day505///让孩子做自己 明明安安好
    早起✅5:30完成每天三目标1.声音练习✅2.复盘✅3.家人团聚✅每日复盘我的成功与失败成功，是我们坚持奋斗的动力；成功，也是自信的源泉。有了自信和坚强的理由，一切才会顺风顺水，虚伪和懦弱，才会显得苍白无力，无所适从。我们看到了曙光，才更加坚信努力的意义，让我们的理想更上一个台阶。失败，给了我们反省的机会；失败，也是让我们重新认识自我。因为有了失败的经历，才会更好的把握成功的机遇；因为有了痛苦的经
  • 『读书•思考•写作优库‖第五十一期/506/1001《感觉：相信自己的感觉，找回你的人生》作者：（加拿大）布尔贝尔 译者：徐建琴 景熙惟
    用爱斩断束缚你身心的绳索（部分节选）练习6：向束缚你的人表达宽恕从儿童早期到青春期（从出生到18岁），父母有哪些举动困扰了你？在纸上一一写下来，并写下同一时间其他影响你的人给你造成的困扰。从上述情境中选择一个，把事情的经过梳理一遍，接受你在其中所承担的责任。在相同的情境中看到潜藏的爱，然后去找那些人，面对面表达你的心情，宽恕他们，也请他们宽恕你。做完这些练习之后再转到本节内容，这一点非常重要。你可
  • 配音怎么学，能赚钱吗？ 配音新手圈
    配音也分很多方面，可以从最基础的先练习。像如果大学生的话时间比较多可以随时练习。在读的时候可以把硬腭隆起来的声音抛出去舌根稍微收一点。在录音前也可以吃几片苹果，避免录音时发出口水声。很多干货技巧很多可以自己搜索练习。这种兼职网上还是很多的。1、配音新手圈这是一个公众号配音新手圈里面每天更新配音任务，都是适合没有基础的人去做的，每天都有任务。适合新入门的小白练手，也是一个从业余到专业的过度期接单的平
  • 刻意练习的本质 超人在进化
    我们007大家族都是一群热爱写作的人，都希望通过写作提升自己的能力，写作是一个循序渐进的事情，一个长期来看是不断成长的过程，那么著作等身都是大师级的专家，那么怎么成为专家呢，那么刻意练习就是当之无愧的第一选择。熟悉写作技巧的畅销书作者常常会用一个清晰的行动规则，如“练习1万小时成为专家”“21天养成好习惯”等来激发你的行动。但是对于究竟有多少人能够坚持1万小时，1万小时是否真的引向成功，坚持1万小
  • 复盘188 美人鱼公主
    9月17日复盘翻盘】【今日三记】今日运动：站桩45分钟今日开心：今日启发：1.今天有可能是我命运的齿轮开始转动的一天，917.我今天交了9800给孙涛会长，练习站桩，博一个可能性，精彩生活的可能……2.以后要有时间观念，只能更提前一点，今天赶动车太赶了……3.会长看着挺好，正气凛然的，他的主业是自己站，副业是教别人站4.站桩就是要背对太阳，门窗紧闭，不能吹风，室内站，穿布鞋，以后我有问题就问吧【每
  • 纸上得来终觉浅，绝知此事要躬行 三素棋科技
    感谢大冶黄狮海小学安排的时间，我们上周五去学校给孩子们集中组织了三人一组的三素棋训练。孩子们都非常兴奋。看到一张张青春洋溢的笑脸，再次感觉校园生活真美好。希望孩子们都可以好好学习，天天向上。与孩子们交流过程中，有的孩子说在家跟自己的爸爸妈妈，爷爷奶奶下棋，也有的教自己的弟弟妹妹下棋，有的反映下不过自己的爷爷，说爷爷听了一遍规则就会了，算术太厉害啦。说明孩子们在家还是有练习的，孰能生巧，相信口算一定
  • 放轻松…… 阳光姐姐c
    这几天在练习着让自己放松下来，我的头后部和肩膀是紧的，疼痛的，当我在看到孩子晚睡，做作业的时候拖拉，我就会肩发紧，忍不住想去说她，我突然惊觉：际代轮回/p>女儿就是我的小时候，当我小时候不做作业或晚睡的时候，父亲就是这么说我的[捂脸]一直在这个怪圈里轮回/p>最近一直在练习深呼吸，昨天晚上女儿睡觉的时候忽然说：妈妈，睡在你旁边好有安全感哪[憨笑]我说谢谢你告诉我这些！女儿说：你这句话好废话呀，本来
  • 我和拳头俯卧撑的爱恨情仇！ 曹智明
    拳头俯卧撑，说实话，不是一个怎么好玩的东东。但卖家内参创始人李大庆总裁，他在我们卖家内参的圈子里，却一直呼吁和建议我们男士总裁，去练习拳头俯卧撑。他说，只要你坚持一年，你出拳就能让对方瞬间失去攻击能力，一年后它会成为你最好的自卫防身武器。他这个人，虽然从来没有面对面见过，仅在线上用微信、企业微信、微脉圈，跟他接触了3年有余。但哪怕仅通过线上，完全可以断定，他是个一诺千金、沉稳扎实，拥有大智慧和靠谱
  • 7月14日暑期周记 小溪流苇
    这个星期我开始参加了篮球训练营，我又找回了曾经与篮球的那种默契又走上了打球的巅峰。训练营里，各个年龄段的都有，水平参差不齐。有的是一年级的，有的和我同龄，还有的是初中，甚至是高中生。篮球训练，刚开始就是练习投篮、三步上篮、行进间运球等等。有时候教练也会破例让我们打一场比赛。篮球训练，结束后，就回家开始写数学作业，中午练习吉他和双排键下午完成英语和语文，晚上出去玩儿，周六我提前写完作业，下午和爸爸去
  • Python简单练习3 第九条雀 python面试开发语言
    1.技术面试题（1）解释Linux中的进程、线程和守护进程的概念，以及如何管理它们？答：1.进程：进程是程序的一次动态执行过程，是系统进行资源分配和调度的基本单位拥有独立的内存空间（代码段、数据段、堆栈等），进程间内存不共享包含进程PID、PPID、状态（运行、就绪、阻塞等）、优先级等属性进程间通信需通过管道、信号、共享内存等机制实现线程：线程是进程内的一个执行单元，是CPU调度的最小单位，共享所
  • python简单练习2
    1.技术面试题（1）详细描述单调栈的工作原理和应用场景答：单调栈是一种特殊的栈数据结构，其核心特性是栈内元素始终保持严格的单调性（递增或递减）。通过这种特性，它能高效解决与“找到某个元素左右两侧第一个满足特定条件（如更大、更小）的元素”相关的问题，时间复杂度通常为O(n)。单调栈的核心操作是在入栈时维护栈的单调性：对于新元素，通过弹出栈顶不满足单调性的元素，确保栈内元素始终有序。根据单调性可分为两
  • 万字解析：从 C 语言到初阶数据结构 Aurora-silas c语言数据结构开发语言
    目录万字解析：从C语言到初阶数据结构前言第一章：C语言初识与环境搭建C语言的历史与影响开发工具介绍第一个程序HelloWorld第二章：变量、数据类型与运算符基本数据类型常量与变量命名规范运算符与表达式趣味小练习：BMI计算器第三章：输入输出与格式化printf输出格式详解scanf输入用法与常见问题小项目：自我介绍程序第四章：流程控制if/else条件判断switch语句循环结构小练习：乘法口诀
  • 晨间日记2021-5-03 蚊蚊幸福妈妈联盟
    今日心语：被看见，是一道光芒活在当下，少说多做，知行合一早睡早起6：30～11：30英语+家庭+经络【今日青蛙】点亮自己的明灯早上:买菜上午：准备午餐中午:午休下午:复习课件英语流利说晚上:舞蹈腹部练习【优秀是一种习惯，让开心成为一种习惯】事业～录音频听课文字稿健康～跑步跳舞家庭～和先生跑步心灵～经络大礼拜学习～流利说
  • 5月28日 陈果_fd4d
    从今天的大课间开始，我们以后的大课间都用来练习体育中考项目。从今天练跳绳的情况来看，一部分同学显然是先前对体育中考有准备的，还有一些则毫无准备。一个大课间的练习量不算大，刚刚适中。昨天科学考试我考了106分，其中选择题扣了六分不太应该。不过这次考试确实有点难，大部分同学的成绩都不是很理想。下午的科学社团课听说是这个学期的最后一节，我都没发现时间过的那么快。还好，今天作业布置的比昨天早的多，我不用在
  • 为什么练习写作，前五十万字是写给自己的呢？ 苏斐涵
    1《心灵播客》的这部电影，有一小段故事讲述了一位曾经才华横溢的作家，由于在创作的过程中遇到了很大的障碍，造成了一时的自闭症。有一段时间，他把自己关在房间里，每天只是看书和写作，也不跟外界有什么交流。在这个过程中，他无意中认识一位高中生，他开始教高中生学习写作，他叫高中生的第一节作文课：内容只有一个字不断的写。他没有教他所谓的写大纲，写技巧，写情节写人物，写故事梗概。他只是拿出一张纸上面只有一个标题
  • 这样布置作业，意义何在？ 八月静蓝
    放假已经好几天了，儿子天天埋头于暑假作业中。今天也是从上午写到下午两点，中午都没怎么休息。我削了个梨给他送去，看到他笔速飞快，在往一本文言文练习册上抄答案。我叹口气，问他：“还在做语文啊？”他笔不停头不抬，闷闷地“嗯”了一声。儿子班上的语文老师一惯是布置作业的大户，这次的暑假作业更是多到要用word发下来。粗粗一看，每天要做9大项，里面又包含若干小项，整个暑假60天，被安排得满满当当。主要内容是6
  • 2021-12-12 橙子走心
    1.习惯能够帮助你创造属于自己的稳定框架，突破性的创意往往孕育其中。2.习惯可以帮你留出精力和再生时间3.习惯本质上会降低精力的消耗。4.精力管理最重要的是产生什么样的效果？当你想做却没有动力做一件事情时，你就应该把它养成习惯。5.通过刻意练习养成好的行为习惯
  • 2020年高考倒计时最后30天，如何高效复习和备考呢？ 韦彪爱创作
    到了最后一个月，很多高考生逐渐感觉到比较紧张，而且很茫然，到底怎样才能能快速提高成绩，更好的复习。其实很简单，此时现在要做就是复习教材，好好看之前的试题，多练习试题，而且还要有针对性和有计划性的复习。有些同学看书很没有效率，看着就快睡着了，而且效率低下，看了一天什么东西都没记进去，纯属浪费时间，所以最后一个月，建议同学们可以做如下的复习和冲刺：一、30天回归教材有的同学可能会问，高中课本我都看了十
  • java工厂模式 3213213333332132 java抽象工厂
    工厂模式有 1、工厂方法 2、抽象工厂方法。 下面我的实现是抽象工厂方法, 给所有具体的产品类定一个通用的接口。 package 工厂模式; /** * 航天飞行接口 * * @Description * @author FuJianyong * 2015-7-14下午02:42:05 */ public interface SpaceF
  • nginx频率限制+python测试 ronin47 nginx 频率 python
           部分内容参考：http://www.abc3210.com/2013/web_04/82.shtml 首先说一下遇到这个问题是因为网站被攻击，阿里云报警，想到要限制一下访问频率，而不是限制ip（限制ip的方案稍后给出）。nginx连接资源被吃空返回状态码是502，添加本方案限制后返回599，与正常状态码区别开。步骤如下：
  • java线程和线程池的使用 dyy_gusi ThreadPoolthreadRunnabletimer
    java线程和线程池 一、创建多线程的方式     java多线程很常见，如何使用多线程，如何创建线程，java中有两种方式，第一种是让自己的类实现Runnable接口，第二种是让自己的类继承Thread类。其实Thread类自己也是实现了Runnable接口。具体使用实例如下： 1、通过实现Runnable接口方式 1 2
  • Linux 171815164 linux
    ubuntu kernel http://kernel.ubuntu.com/~kernel-ppa/mainline/v4.1.2-unstable/ 安卓sdk代理 mirrors.neusoft.edu.cn        80 输入法和jdk sudo apt-get install fcitx su
  • Tomcat JDBC Connection Pool g21121 Connection
           Tomcat7 抛弃了以往的DBCP 采用了新的Tomcat Jdbc Pool 作为数据库连接组件，事实上DBCP已经被Hibernate 所抛弃，因为他存在很多问题，诸如：更新缓慢，bug较多，编译问题，代码复杂等等。        Tomcat Jdbc P
  • 敲代码的一点想法 永夜-极光 java随笔感想
                  入门学习java编程已经半年了,一路敲代码下来,现在也才1w+行代码量,也就菜鸟水准吧,但是在整个学习过程中,我一直在想,为什么很多培训老师,网上的文章都是要我们背一些代码?比如学习Arraylist的时候,教师就让我们先参考源代码写一遍,然
  • jvm指令集 程序员是怎么炼成的 jvm 指令集
    转自：http://blog.csdn.net/hudashi/article/details/7062675#comments       将值推送至栈顶时 const ldc  push   load指令 const系列 该系列命令主要负责把简单的数值类型送到栈顶。(从常量池或者局部变量push到栈顶时均使用) 0x02 &nbs
  • Oracle字符集的查看查询和Oracle字符集的设置修改 aijuans oracle
    本文主要讨论以下几个部分：如何查看查询oracle字符集、 修改设置字符集以及常见的oracle utf8字符集和oracle exp 字符集问题。 一、什么是Oracle字符集 Oracle字符集是一个字节数据的解释的符号集合,有大小之分,有相互的包容关系。ORACLE 支持国家语言的体系结构允许你使用本地化语言来存储，处理，检索数据。它使数据库工具，错误消息，排序次序，日期，时间，货
  • png在Ie6下透明度处理方法 antonyup_2006 css浏览器FirebugIE
    由于之前到深圳现场支撑上线，当时为了解决个控件下载，我机器上的IE8老报个错，不得以把ie8卸载掉，换个Ie6,问题解决了，今天出差回来，用ie6登入另一个正在开发的系统，遇到了Png图片的问题，当然升级到ie8(ie8自带的开发人员工具调试前端页面JS之类的还是比较方便的，和FireBug一样，呵呵)，这个问题就解决了，但稍微做了下这个问题的处理。 我们知道PNG是图像文件存储格式，查询资
  • 表查询常用命令高级查询方法(二) 百合不是茶 oracle分页查询分组查询联合查询
    ----------------------------------------------------分组查询 group by    having   --平均工资和最高工资   select avg(sal)平均工资,max(sal)  from emp ;  --每个部门的平均工资和最高工资
  • uploadify3.1版本参数使用详解 bijian1013 JavaScriptuploadify3.1
    使用：     绑定的界面元素<input id='gallery'type='file'/>$("#gallery").uploadify({设置参数，参数如下}); 设置的属性： id: jQuery(this).attr('id'),//绑定的input的ID langFile: 'http://ww
  • 精通Oracle10编程SQL(17)使用ORACLE系统包 bijian1013 oracle数据库plsql
    /* *使用ORACLE系统包 */ --1.DBMS_OUTPUT --ENABLE:用于激活过程PUT,PUT_LINE,NEW_LINE,GET_LINE和GET_LINES的调用 --语法：DBMS_OUTPUT.enable(buffer_size in integer default 20000); --DISABLE:用于禁止对过程PUT,PUT_LINE,NEW
  • 【JVM一】JVM垃圾回收日志 bit1129 垃圾回收
    将JVM垃圾回收的日志记录下来，对于分析垃圾回收的运行状态，进而调整内存分配(年轻代，老年代，永久代的内存分配)等是很有意义的。JVM与垃圾回收日志相关的参数包括： -XX:+PrintGC -XX:+PrintGCDetails -XX:+PrintGCTimeStamps -XX:+PrintGCDateStamps -Xloggc -XX:+PrintGC 通
  • Toast使用 白糖_ toast
    Android中的Toast是一种简易的消息提示框，toast提示框不能被用户点击，toast会根据用户设置的显示时间后自动消失。     创建Toast 两个方法创建Toast makeText(Context context, int resId, int duration)     参数：context是toast显示在
  • angular.identity boyitech AngularJSAngularJS API
    angular.identiy 描述: 返回它第一参数的函数. 此函数多用于函数是编程. 使用方法: angular.identity(value); 参数详解: Param Type Details value * to be returned. 返回值: 传入的value 实例代码: <!DOCTYPE HTML>
  • java-两整数相除，求循环节 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class CircleDigitsInDivision { /** * 题目：求循环节，若整除则返回NULL，否则返回char*指向循环节。先写思路。函数原型：char*get_circle_digits(unsigned k,unsigned j)
  • Java 日期 周 年 Chen.H javaC++cC#
    /** * java日期操作(月末、周末等的日期操作) * * @author * */ public class DateUtil { /** */ /** * 取得某天相加(减)後的那一天 * * @param date * @param num *
  • [高考与专业]欢迎广大高中毕业生加入自动控制与计算机应用专业 comsci 计算机
          不知道现在的高校还设置这个宽口径专业没有,自动控制与计算机应用专业,我就是这个专业毕业的,这个专业的课程非常多,既要学习自动控制方面的课程,也要学习计算机专业的课程,对数学也要求比较高.....如果有这个专业,欢迎大家报考...毕业出来之后,就业的途径非常广.....      以后
  • 分层查询（Hierarchical Queries） daizj oracle递归查询层次查询
    Hierarchical Queries If a table contains hierarchical data, then you can select rows in a hierarchical order using the hierarchical query clause: hierarchical_query_clause::= start with condi
  • 数据迁移 daysinsun 数据迁移
    最近公司在重构一个医疗系统，原来的系统是两个.Net系统，现需要重构到java中。数据库分别为SQL Server和Mysql，现需要将数据库统一为Hana数据库，发现了几个问题，但最后通过努力都解决了。 1、原本通过Hana的数据迁移工具把数据是可以迁移过去的，在MySQl里面的字段为TEXT类型的到Hana里面就存储不了了，最后不得不更改为clob。 2、在数据插入的时候有些字段特别长
  • C语言学习二进制的表示示例 dcj3sjt126com cbasic
    进制的表示示例 # include <stdio.h> int main(void) { int i = 0x32C; printf("i = %d\n", i); /* printf的用法 %d表示以十进制输出 %x或%X表示以十六进制的输出 %o表示以八进制输出 */ return 0; }
  • NsTimer 和 UITableViewCell 之间的控制 dcj3sjt126com ios
    情况是这样的: 一个UITableView, 每个Cell的内容是我自定义的 viewA viewA上面有很多的动画, 我需要添加NSTimer来做动画, 由于TableView的复用机制, 我添加的动画会不断开启, 没有停止, 动画会执行越来越多.   解决办法: 在配置cell的时候开始动画, 然后在cell结束显示的时候停止动画   查找cell结束显示的代理
  • MySql中case when then 的使用 fanxiaolong casewhenthenend
    select "主键", "项目编号", "项目名称","项目创建时间", "项目状态","部门名称","创建人" union (select pp.id as "主键", pp.project_number as &
  • Ehcache（01）——简介、基本操作 234390216 cacheehcache简介CacheManagercrud
    Ehcache简介 目录 1       CacheManager 1.1      构造方法构建 1.2      静态方法构建 2       Cache 2.1&
  • 最容易懂的javascript闭包学习入门 jackyrong JavaScript
    http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 下面就是我的学习笔记，对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊
  • 提升网站转化率的四步优化方案 php教程分享 数据结构PHP数据挖掘Google活动
    网站开发完成后,我们在进行网站优化最关键的问题就是如何提高整体的转化率，这也是营销策略里最最重要的方面之一，并且也是网站综合运营实例的结果。文中分享了四大优化策略：调查、研究、优化、评估，这四大策略可以很好地帮助用户设计出高效的优化方案。 PHP开发的网站优化一个网站最关键和棘手的是，如何提高整体的转化率，这是任何营销策略里最重要的方面之一，而提升网站转化率是网站综合运营实力的结果。今天，我就分
  • web开发里什么是HTML5的WebSocket？ naruto1990 Webhtml5浏览器socket
    当前火起来的HTML5语言里面，很多学者们都还没有完全了解这语言的效果情况，我最喜欢的Web开发技术就是正迅速变得流行的 WebSocket API。WebSocket 提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看6个HTML5教程介绍里 的 WebSocket API：它可用于客户端、服
  • Socket初步编程——简单实现群聊 Everyday都不同 socket网络编程初步认识
    初次接触到socket网络编程，也参考了网络上众前辈的文章。尝试自己也写了一下，记录下过程吧：   服务端：（接收客户端消息并把它们打印出来）   public class SocketServer { private List<Socket> socketList = new ArrayList<Socket>(); public s
  • 面试：Hashtable与HashMap的区别（结合线程） toknowme
    昨天去了某钱公司面试，面试过程中被问道 Hashtable与HashMap的区别？当时就是回答了一点，Hashtable是线程安全的，HashMap是线程不安全的，说白了，就是Hashtable是的同步的，HashMap不是同步的，需要额外的处理一下。   今天就动手写了一个例子，直接看代码吧 package com.learn.lesson001; import java
  • MVC设计模式的总结 xp9802 设计模式mvc框架IOC
    随着Web应用的商业逻辑包含逐渐复杂的公式分析计算、决策支持等，使客户机越 来越不堪重负，因此将系统的商业分离出来。单独形成一部分，这样三层结构产生了。 其中‘层’是逻辑上的划分。 三层体系结构是将整个系统划分为如图2.1所示的结构[3] （1）表现层（Presentation layer）：包含表示代码、用户交互GUI、数据验证。 该层用于向客户端用户提供GUI交互，它允许用户
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他