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;
}

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

  • 微习惯养成第2阶段-126 绿野仙踪_d518
    图片发自App2019.7.2外出北京学习，凌晨四点多起床，出机场就中午了。今日微目标完成，情况如下:1.早睡早起:昨晚10:30休息，今早4:10起床。2.锻炼:步行万多步。3.饮食:早～桑葚醋+玫瑰芝麻丸2粒+黄乳10ml+钙片。午餐～团餐，晚餐～团餐+芝麻丸1粒。饮料～白开水。4.阅读:阅读练习类专业书。附:目前的四个微目标:（17周打卡挑战）①早睡早起:每周一次达到晚10:30前就寝，早6
  • 发字的楷书写法图片_硬笔书法笔顺正确写法,手写示范动态图 Xy Chen 发字的楷书写法图片
    《楷书行书》书法作品欣赏众所周知，要想把字写好，基本笔画是练习的基础，就像是汉字组装零件。这些零件除了位置要对，也要有序地摆放，这样才会更顺手。虽然有人会说字写得好看就好，何必计较笔画顺序呢？确实，观看工整的楷书时无法根据已书写好的字去断定笔顺，而笔顺也不一定和字美丽与否有绝对的关系。然而，不可否认，好的笔顺有助于让字变得更好写，当然也就间接拉近了你与美字的距离。笔顺类型一般而言，书写时的顺序可分
  • 2019-06-22 黄侠_美兮妈
    【美兮修能】20190621学习力践行记录D574早上很迅速洗漱完毕，读了四本海尼曼，读了一本绘本《一起来听音乐会》，读了日有所诵一篇打卡，然后去幼儿园。下午爸爸陪着上外教课。晚上回家后快速洗漱，把时间做了很好规划，17分钟练习舞蹈，15分钟读书，我读了一本《小美沙的购物清单》，她读了一本《哗啦啦》，又读了《中华上下五千年》一篇老马识途。听着封神榜睡了。
  • 配音文案素材台词，（配音台词剧本练习素材） 配音新手圈
    学习就是从无到有，然后在慢慢深入的一个过程。不管是什么样的知识，都是需要慢慢消化的，也只有慢慢消化从长远来看才是有意义的，同时是真的学到。那么，在配音行业也是如此，就像是配音的剧本也根据人们不同的学习阶段分出了很多的剧本类型，像是初学者配音剧本啦！等等，当然！更厉害的还有精分配音剧本呢！感兴趣的话一起来看看今天的内容吧！配音兼职接单推荐公众号：配音新手圈，声优配音圈，新配音兼职圈，配音就业圈，有声
  • 心流：每天专注一小时的真谛 老猫加油
    心流是什么？flow。一股洪流带领着我即为最优体验。因为事物本身而完全投入到这项活动，自我消失了，时间也仿佛过得很快。思维激发出前所未有的神勇，带给人一种无法描述的幸福和满足感。几乎人类的所有行为都有心流的最优状态。而沉迷需要足够的专注才能产生。专注一小时很难吗？如果你觉得很难，那就从每天5分钟开始吧！通过反复练习，15分钟，半小时，然后一小时。因为训练专注能力是得到心流最重要的一步。所以心流是可
  • 抓紧一切时间进行写作 庄浪河
    要想完成写作梦想，必须每天坚持写3000字以上的文字，必须要用大量的时间，去构思去写作，就要舍弃浪费时间的一切活动。这两天我浪费了很多时间，比如和别人闲聊，开着车去做无用的事，在山上磨磨蹭蹭生炉子，今晚又陪妹夫聊天，两三个小时，如果把时间都用在做无价值的事情上，那我的写作任务就不可能完成。今后一定，不能浪费时间，要抓紧一切时间练习写作，写出比较好的文章，发表出去，不断的提高自己的写作能力，也让自己
  • 日更第104天复盘 花落花开_1168
    今天我想认真的反思下自己。身体方面:1.长期跑步体质有所改善。2.免疫力有所增强。3.皮肤比以前光滑。美白和保湿方面做的不够好，由于运动经常出汗，皮肤光滑度有所增强。4.小腹虽然比以前有所收紧。但离马甲线的高度还远远不够。5.以后会更加强跑前跑后的拉伸。6.为了让臀部视觉效果好一些，开始练习深蹲，每天至少五个。7.每天尝试冥想一次。至少五分钟。8.由于工作需要，成为低头族。以后每天坚持至少每小时，
  • 《写出我心：普通人如何通过写作表达自己》摘录6 miss暖年
    汲取地下水别担心自己的才华或能力不足：持之以恒地练习，才华便会有所增长。片桐老师说：“能力好比是地表底下的水。”无人拥有这水，然而你可以汲取。你努力下工夫汲取，它终将归你使用。然而，人们却往往怀抱着贫乏的心态开始写作；求之于外，去找我们以为是写作专家的人，反而是学不会写作的。独轮手推车-威廉·卡洛斯·威廉姆斯作如许之多都仰仗一辆红色独轮手推车沾着雨水闪闪发光就在白色的鸡的旁边。“诗人所谓的‘红色独
  • javascript学习笔记--for 循环练习 持续5年输出bug
    题目：打印1-10之间所有的7的倍数的个数总和首先做到控制台打印1-100之间的数：for(vari=1ivarsum=0;varcount=0;for(vari=1;i效果如图：22.png
  • 七年级下册语文第8课《土地的誓言》练习题 司马喆
    七年级下册语文第8课《土地的誓言》练习题⒈给加点词注音。炽痛()泛滥()呻吟()嗥鸣()谰语()默契()污秽()耻辱()⒉根据拼音填汉字。胸_____(táng)喷_____(yǒng)高_____(liáng)斑_____(lán)怪_____(dàn)_____(gèn)古⒊选出词语运用正确的一项。A、美国用武力解决伊拉克问题，其目的在于既能推翻萨达姆政权，又能控制中东石油，可谓一箭双雕。B、
  • 和宇彤老师学好声音 Alana_46a1
    第二节课：气息-激活发动机，说话一整天不累感谢美貌与实力并存的女神宇彤老师手把手一对一的指导，虽然是线上课，感觉就在我们身边一样。首先是听着轻柔的音乐冥想，让我们沉下心来感受身体的节奏和变化，接着是婴儿似的瑜伽动作，感受到两肋打开，最后是平板支撑，练习绕口令数枣。在这里即美化了好声音，又起到了瘦身效果，真一个身心愉悦的美的感觉！听话照做、持续坚持，相信一定会看到将来更美的自己，一起加油吧！
  • 【Rust练习】11.struct bluebonnet27 RustC++工作业务rust开发语言后端
    练习题来自：https://practice-zh.course.rs/compound-types/struct.html1对于结构体，我们必须为其中的每一个字段都指定具体的值//fixtheerrorstructPerson{name:String,age:u8,hobby:String}fnmain(){letage=30;letp=Person{name:String::from("sun
  • 正念冥想 平衡点0306
    1.首先请大家给自己几分钟来体验一下观呼吸冥想（文字版指导语附后）。请随着指导语一起来到呼吸空间吧。体验完之后请你说说自己此时此刻的感受吧，你的内心发生了什么变化呢？正念并不需要你有什么基础，只要每天抽出一段时间，把各种期待置之脑后，耐心地跟随专业的引导，就可以开始我们的正念之旅。2.接着请大家再给自己几分钟，体验一个“正念吃葡萄干”练习。（文字版指导语附后）体验完之后请你说说自己的感受，你的内心
  • 2023-08-12【日复盘】 逃熙
    你好，我是逃熙，欢迎打开我的日复盘。给自己每天20分钟复盘时间，每一天都来个日复盘吧。总是忙着低头砍树，记得抽空磨磨刀。希望能给你启发：一、习惯养成✅写作早上复盘完成✅工作中的剧本✅文笔练习✅故事：故事大纲、作者号已就位，希望每天安排500字以上-暂停（晚上去1小时地铁的地方上课！）制作demo初稿、定位规划：待安排✅运动跑步/步行30分钟以上-待安排天鹅颈x1✅跑步机待安排马甲线待安排✅饮食健康
  • 3个5分钟，练出好声音 临拂晓
    一.第一个5分钟这是我们进行胸腹联合式呼吸的一个练习步骤，站直，吸气，找闻花香的感觉，呼吸无声、两肩放松、胸部放松、喉部放松、小腹微收、丹田用力，感觉到气息缓缓下沉，双手放在肋部，感觉两肋慢慢打开。练习2到3遍。二.第二个5分钟高中低音的练习。先是中音，将我们刚才胸腹联合呼吸的方式自己再来一遍。1、2、3——a可以尽量长地去发这个音，你也可以边练边慢慢地延长发这个音的时间，来训练我们气息的持久和稳
  • 1万小时定律之吉他学习 | Day17 Helsa
    1万小时定律之吉他学习|Day17今日时长：1h累计时长：20h练习内容：和弦C，Am，F，G，Em切换下雨的一周，是颓掉的一周。不赶紧稿的时候就想睡觉，遗憾的是，到时候慢稿也变成紧稿了。所以今天有时间练琴了，也练着练着就困了，所幸的是手指并没有特别生疏，没有特别明显的间隔感。所以趁此赶紧去上课。一万小时定律|吉他|自律
  • 一则新闻引起的思考 催眠师
    昨天网上有很多关于武汉少年跳楼自杀的新闻。少年14岁，在班级里打扑克，被老师发现，老师叫家长，家长来了，知道了事情的原因，“很熟练地打嘴巴，颈脖子”之后少年在大家都不注意的情况下，果决地纵身一跳完美地报复了给他侮辱的人。看视频妈妈的动作很熟练，很像长期训练的结果，看孩子的动作也很流畅，没有一丝停顿，我想在他心里这个动作也练习了无数遍，这个报复的念头已经有很久了，只是在妈妈耍淫威时只顾欣赏自己的勇敢
  • “与情绪对话” 每日觉察小日记：感觉“内在身体” DianaLi
    当我们和“内在身体”连接时，就不再过度去认同外在的表现形象，从对有形的认同转移到对无形的认同，也就是对“本体”的认同，这就是我们真正的身份。试着这样练习：觉知双手中细微的能量感觉，只是关注留意双手会有轻微的麻胀感，可以感觉到能量或是生命力，接着把关注力带到双脚，同时感受双手和双脚，然后试着把身体的其他部位，胸部、腹部、双腿、头部，一起带过那个感觉之中，直到完全的感受到“内在身体”的生命力。有一个宏
  • Goto是关键？思考 anpan0460
    因为明天要交作业，所以今天下午对Authorware进行了一番练习，过程中总是在要成功的时候被卡住，感觉思维行了的时候却总是行不通，从开始页面的运行到切换到主界面的内容，半天总被卡住，最后请来高手，讨论……，发现函数本身的运用不是关键，思维才是。多学，多想，多思。转载于:https://www.cnblogs.com/yuanweiming84/archive/2005/10/08/250407.
  • 【育人幼教部 百日行动派 】DAY59 玲果
    图片发自App高效的秘密一、激发动力，重新审视效率产生的源头。作者提出两种激发动力的思维模式：一是确信局面在自己掌控之中；二是给自己的行动赋予更大的意义。确信自己拥有掌控力能让人产生动力。这就像小孩子在父母教会他走路之后，即使他还走不稳，很有可能会摔倒，但是他还是会甩开妈妈的双手，想要自己走路。因为这样会让他感觉自己能掌控局面，他就会更加努力去练习走路。也就是说，我们用独立做决定的方式证明自己能够
  • 2021-06-22 木棉_2b77
    box1--2收获分享：这个练习的设计非常巧妙。许老师把这个练习放在第一章“焦点解决短期治疗的基本要义”当中，我们感觉她是希望我们从毫不认同到高度认同，甚至深入血脉骨髓。但是，她并没有枯燥的说教，而是让我们练习的学员中低认同和高认同之间互相访问，这样就让我们互为资源，逐渐大同。这让我想到在家庭治疗时，我们也可以尝试让家庭成员分别说出自己担心的问题，然后互相访问，也许其中一个成员感觉不得了的问题，在
  • 这几个理由，就是我坚持写作的动力 写作的技巧
    今天二十哥哥去签合同了，上午和甲方是各种谈，总算是把合同签了。下午又忙着理资料，直到八点才到家。所以······今天还是继续更新。必定我给自己承诺了的，每天坚持写下去，哪怕是签这100万的合同。哈哈······今天说下我写作的几个理由。那么有人要问了，写作需要理由吗？我明确的告诉你，需要。一、练习写作这是我写作的第一个理由。这个听起来很扯淡，但是也是最真实的。写作就是为了写作。写作是一门技能，既然
  • JavaDay21 tcp三次握手、tcp和udp协议的区别、交互图片的练习 自称二次元人的程序员 Java基础的作业整理tcp/ipjava
    1.简述TCP的三次握手。TCP的三次握手：TCP协议中,在发送数据的准备阶段，客户端与服务器之间的三次交互，以保证连接的可靠。（1）第一次握手，客户端向服务器端发出连接请求，等待服务器确认；（2）第二次握手，服务器端向客户端回送一个响应，通知客户端收到了连接请求；（3）第三次握手，客户端再次向服务器端发送确认信息，确认连接。完成上述的三次握手后,客户端和服务器端的连接就已经建立了，每次连接的创建
  • 补作业 徍音_
    图片发自App两天没写了，太忙了！前几天闺女参加书画大赛，她从初中开始两年没画画了，要参加比赛需要好好练习练习，忙得她也没时间休息！闺女的学习进入瓶颈期，数学外语学的一塌糊涂，我干着急却没有办法！看起来也挺努力的，怎么就学不好呢？希望闺女早点摆脱学习的困扰，赶快进步起来！我呢，这几天白天上课，晚上回家改演讲稿，改ppt,一遍一遍总是不太满意，提意见的人各有自己的见解，我有点无所适从的感觉！参加个活
  • 声音练习 陌上花开_32e2
    如何让自己的微信语音电话声音动听两个要领1.气息要通畅，详情查看第二节课。学会断句，学会停顿，学会重音2.提起颧肌说话如何让声音有质感1.放松喉咙（打嘟音，泡泡音，之前都有提到过），下巴放松，提打挺松（之前也讲过）2.控制音量，一般在3-5度大嗓门练习方式：嘘声说话，可以悄悄话练习3.学会停顿4.语速放慢练习1.对着镜子说“喂，你好，我是XXX”2.诗歌《爱》我爱你不光因为你的样子还因为和你在一起
  • 黑猴子的家：Java SE 练习题第十章 黑猴子的家
    尾部都有答案第十章练习题（输入输出流）（1）下列哪项是Java语言中所定义的字节流？A.OutputB.ReaderC.WriterD.InputStream（2）在输入流的read方法返回哪个值的时候表示读取结束？A.0B.1C.-1D.null（3）为了从文本文件中逐行读取内容，应该使用哪个处理流对象？A.BufferedReaderB.BufferedWriterC.BufferedInpu
  • 链路聚合 E-trunk 实验 DC_BLOG 路由与交换网络运维
    文章目录实验目的配置CEPE1PE2PE3实验目的配置练习E-trunk配置命令配置E-trunk两台PE之间必须是可以互通的（需要IGP互通）学习跨设备链路聚合熟悉CE设备和PE设备的应用和部署方式配置CEvlan10intervlan10ipad192.168.1.124lacppriority100interfaceEth-Trunk1modelacp-statictrunkportg0/0
  • 一场关于大脑的升级 阿磕
    在我们仰望世界上那些顶尖人物的时候，总是惊叹于他们的聪明智慧，我们会觉得他们的大脑异于常人。就像阿基米德、达芬奇、牛顿、爱因斯坦、乔布斯、马斯克……总觉得人家的大脑时刻在旷野上万马奔腾，而自己却总是只是拉着磨原地打转。其实。这个世界上大多数人的智商都是差不多的，我们的起点没有太大的距离，真正造成这之后的差异的，也许只是我们不知道怎样升级我们的大脑。【刻意练习】谈到升级，我们很容易想到“量变产生质变
  • 自学数据结构的网站 花开盛夏^.^ 数据结构数据结构
    自学数据结构的网站有很多，以下是一些推荐的高质量和受欢迎的网站：LeetCode描述：LeetCode是一个知名的在线编程训练平台，特别适合算法和数据结构的学习与练习。它提供了大量的编程题目，涵盖了从简单到困难的各个难度级别，帮助用户逐步掌握算法和数据结构。网址：https://leetcode.com/（英文）或LeetCode中文版visualgo描述：visualgo是一个由新加坡国立大学开
  • 逆水行舟，不进则退 舒乔终身成长
    昨天例会做了一篇speech，匆匆写稿，完全没有rehearsal。结果嘛，当然不尽人意。首先，noticeablenerviness。紧张偶尔会有，但都controllable，毕竟按我的马龄，也算是个老司机，可被人看出，也是头一遭。原因嘛，也不言而喻。最近半年，参会频率和发言频率都太低，练习太少，至今还未完全适应ZOOMmeeting。此外，昨天一天其实没有什么安排，可却拖延到下午四点来钟才开
  • 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其他