rj1804程佳林

网页制作练习

html




	
	传智播客
	


	
		传智播客旗下品牌：  黑马程序员  |  博学谷
		改变中国IT教育，我们正在行动     全国咨询热线：400-618-4000
	
	
		 
		 免费学习资源
		 课程中心
		 学科指南
		 学员故事
		 传智社区
		 在线课堂
	
	
		
			    
					JavaEE培训  >  
					Android培训  >  
					PHP培训  >  
					人工智能  >  
					UI设计培训  >  
					iOS培训  >  
					前端与移动开发培训  >  
					C/C++培训  >  
					网络营销培训  >  
					Python培训  >  
					云计算之大数据培训  >  
				
		
		 
		
			信息港
			
				
					2016年传智各学科学费价格表
					轻松了解传智播客十大学科
					这个暑假，足不出户拿万元高薪！

					暑期钜惠0元上课30天，火力开抢！

					5个月，带你学透C/C++全栈开发
					紧随WWDC，iOS4.0课程震撼出炉
					UI设计打造会代码的全能设计师
					PHP助你快速入门，就业冲击10k+
					10月18日，前端学科入驻西安城
				
			
		
	
	
		学习资源
		
			
				公开课
			
			视频库
			好毕设
		
	
	
		
		    
		    	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小时职业规划
		    
		
	

	
		
			
				关于我们
			
			
				传智简介
			
			
				加入传智
			
		

		
			
				旗下品牌
			
			
				黑马程序员
			
			
				博学谷
			
		

		
			
				校区攻略
			
			
				校园环境
			
			
				住宿攻略
			
			
				来校路线
			
		

		
			
				学习资源
			
			
				视频库
			
			
				公开课
			
			
				云课堂
			
		

		
			
				传智故事
			
			
				学员故事
			
			
				科技喵喵喵
			
		
	

	
		
			友情链接
		
		
			
				黑马程序员
				博学谷
				首席营销官
				雅思
				ThinkPHP框架
				进销存软件
				在职研究生
				职称计算机考试
				武汉房产网
				中国教育网
				视频教程网
				论文查重
				听课网
				PPT模板
				求职信
				CCNA
				我爱IT技术网
				云计算
				标准下载
				图片制作
				五笔输入法下载
				中国在职研究生网
				电脑主题
				123标志设计网
				新东方小语种
				java1234培训师
				酷素材
				3d模型下载
				u盘启动盘制作工具
				申请传智播客友链
			
		
	
	
		
			
				
			
		
		
			
				传智播客版权所有 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;
}

【30天玩转python】项目实战：从零开始开发一个Python项目爱技术的小伙子 30天玩转python linux 运维服务器
项目实战：从零开始开发一个Python项目在学习Python的过程中，开发一个完整的项目是非常重要的实战练习。它不仅能够帮助你巩固所学的知识，还能提高实际编程能力。本文将带领你从零开始开发一个Python项目，介绍从项目规划、环境搭建、代码实现到项目发布的完整过程。我们将以一个简单的“任务管理系统”为例，逐步讲解如何构建、测试和优化这个项目。1.项目规划1.1项目简介我们将开发一个基于命令行的任务
【Python代码练习（简单应用）】 9... python 汇编前端开发语言 dreamweaver
一、Python列表添加与删除元素：append()。在列表末尾添加新的格式元素添加格式：list.append(元素)删除格式：list.remove(元素)例如：#给出代码listA=['水煮千丝','平板豆腐','白烧饭','香菇青菜','西红柿鸡蛋汤']listA._________("红烧肉")listA._________("水煮千丝")print(listA)将“红烧肉”放入列表中，
第五周作业——第十章动手试一试 hongsqi
10-1Python学习笔记学习笔记：在文本编辑器中新建一个文件，写几句话来总结一下你至此学到的Python知识，其中每一行都以“InPythonyoucan”打头。将这个文件命名为learning_python.txt，并将其存储到为完成本章练习而编写的程序所在的目录中。编写一个程序，它读取这个文件，并将你所写的内容打印三次：第一次打印时读取整个文件；第二次打印时遍历文件对象；第三次打印时将各行
20个简单的python代码练习 qq_恰同学少年 python 开发语言
下面整理了20个简单的python代码练习，供大家学习交流使用，轻易上手，复制下来就能用！！！废话不多说，直奔主题1.输入一个不超过5位的正整数，输出其逆数。例如输入12345，输出应为54321。a=input('请输入一个不超过5位的正整数：')print('其逆数为：',a[::-1])注：该代码使用了列表的切片和反转操作，首先将这个数的每个位上的数字存储到一个列表中，然后通过列表的反转来得
Day08-综合练习坚持学习每一天 Java基础 java 算法排序算法
importjava.util.Random;publicclasstest3{/*定义方法实现随机产生一个5位的验证码验证码格式：长度为s前四位是大写字母或者小写字母最后一位是数字*///方法：//在一堆没有什么规律的数据中随机抽取//可以先把这些数据放到数组当中//再随机抽取一个索引publicstaticvoidmain(String[]args){char[]chs=newchar[52]
《ChatGPT Prompt Engineering for Developers》课程-提示词原则 evil-tomato LLM chatgpt 人工智能 python ai
编写Prompt的原则本章的主要内容为编写Prompt的原则，在本章中，我们将给出两个编写Prompt的原则与一些相关的策略，你将练习基于这两个原则来编写有效的Prompt，从而便捷而有效地使用LLM。一、环境配置本教程使用OpenAI所开放的ChatGPTAPI，因此你需要首先拥有一个ChatGPT的API_KEY（也可以直接访问官方网址在线测试），然后需要安装openai的第三方库首先需要安装
java-练习-学生管理系统 3coo Java java 开发语言
该文章为本人学习复习用本人为Java自学新手，代码实现可能存在冗余或设计不当之处，恳请各位前辈：1⃣指出代码中的不合理实现2⃣推荐更优的解决方案3⃣相关技术扩展建议这个代码是我在看黑马的时候自己看项目文档敲的后续学了static初始化然后我使用在了我的这个学生管理系统不知道为什么static初始化数据没添加进去还出现了空指针的问题,问了很多ai建议都是在getindex方法中的if修改为:if(u
python中os.path模块魏大橙 python python
os.path模块是os模块根据系统类型从另一个模块导入的，并非由os模块实现1、os.path.abspath（相对路径）-----返回对应路径的绝对路径os.path.abspath(".")importos.pathprint(os.path.abspath("."))E:\python练习上一层路径“..”importos.pathprint(os.path.abspath(".."))E
【Latex】latex公式手册||积分公式表示||极限表达||矩阵的各种表达 zjoy_2233 效率技巧栏矩阵线性代数 Latex 数学高等数学学习 python
为了能够更好地写数学讲义【费曼学习法，故学习Latex的记录】文章目录如何插入公式基础格式：基础符号上标理解：“^”下标：“_”根式分式①简单分式②多层分式多层分式的第二种写法(斜着的除法写法)：函数表达对数绝对值积分不定积分定积分多重积分极限①一般极限②左右极限复杂极限练习求和和求积①求和②求积矩阵表示①无括号矩阵②圆括号矩阵③中括号矩阵④大括号⑤单竖线⑥双竖线分段函数（分类讨论需要）集合语言关
线上事故风险解读之规范篇
专业在线打字练习平台-巧手打字通，只输出有价值的知识。一统一编码规范事故回顾门店误删事件：由于switch分支条件中遗漏了break语句，导致程序执行了本不应执行的代码逻辑，意外删除了门店数据。线程池资源泄露导致OOM：线程池中的队列数据未能及时释放，造成内存泄漏，最终引发内存溢出（OOM）问题。日志过载导致服务不可用：在流量高峰期，由于日志打印量过大，占用了大量CPU资源，导致服务性能急剧下降，
spring AOP详解 web15085415935 面试学习路线阿里巴巴 spring java 后端
文章目录AOP1环境准备1.1工程及接口创建1.2工程存在的问题1.2.1问题1.2.2解决思路2AOP面向切面编程2.1AOP概述2.2AOP原理分析3基于注解的AOP3.1入门示例3.2使用流程3.3切入点表达式3.4练习3.5通知类型AOPAOP（AspectOrientProgramming）是一种设计思想，是软件设计领域中的面向切面编程，它是面向对象编程(OOP)的一种补充和完善；实际项
excel VBA自动化 - 固定格式报表的自动处理 vanessa_jh excel -操作技巧整理自动化
目录一、录制宏的基础操作1新建sheet2打开、保存和查看方式3关闭屏幕刷新4使用相对引用二、实行for循环三、练习案例（待补充练习2）练习1-FOR循环练习2-vlookup自动化一、录制宏的基础操作1新建sheet运行数据录制时，需要新建专用的sheet并重命名，使系统下次运行时可识别正确。2打开、保存和查看方式①打开方式：开发工具-录制宏②保存方式：带有VBA代码的文件，都将文件另保存为.x
Python 课课练 (八)：函数课后练习题 Amo Xiang Python3入门与进阶 python lambda 函数
目录一、函数课后练习题练习前置知识ChapterOne:开启Python之旅ChapterTwo:Python语言基础、运算符与表达式、程序的控制结构合集ChapterThree:Python序列之字符串操作详解ChapterFour:Python序列之列表、元组操作详解合集超详细的Python基础语句总结(多实例、视频讲解持续更新)一、函数课后练习题(1)关于函数的介绍与特点说法错误的是()？A
【PTA】团体程序设计天梯赛-练习集 L2题目总结（完） karshey 我的ACM之路
模拟题L2-002链表去重（链表模拟）L2-002链表去重用两个数组分别表示键值和下一个结点来模拟链表。注意可能存在无重复键值的绝对值的情况。#includeusingnamespacestd;#definefir(i,a,n)for(inti=a;imp;inta[N],ne[N];//某个地址的键值、下一个地址structnode{intv,d;};vectorans1,ans2;intmai
PTA L2一些题目和旋_菾律数据结构
L2-014列车调度-团体程序设计天梯赛-练习集样例是怎么来的呢？通过题目我们知道每一条轨道的车牌号必须是依次递减的。那么，我们如果让每条轨道尽可能长就能保证轨道数最少------也就是说，我们要尽可能的找最长降序序列。但是1e5数据量还是太大了，暴力找会超时。注意到，找最长降序序列的时候，我们是8-4-2-1、5-3、9-6、7，现在这个数能放那个就放哪个，尽可能往前面找，如果都放不了就新开一个
python基础题目练习19 码卡巴卡bug python 算法数据结构
说反话-加强版给定一句英语，要求你编写程序，将句中所有单词的顺序颠倒输出。输入格式：测试输入包含一个测试用例，在一行内给出总长度不超过500000的字符串。字符串由若干单词和若干空格组成，其中单词是由英文字母（大小写有区分）组成的字符串，单词之间用若干个空格分开。输出格式：每个测试用例的输出占一行，输出倒序后的句子，并且保证单词间只有1个空格。输入样例：HelloWorldHereICome输出样
2025年【安全生产监管人员】考试总结及安全生产监管人员模拟试题 akthwyl 安全
题库来源：安全生产模拟考试一点通公众号小程序2025年【安全生产监管人员】考试总结及安全生产监管人员模拟试题，包含安全生产监管人员考试总结答案和解析及安全生产监管人员模拟试题练习。安全生产模拟考试一点通结合国家安全生产监管人员考试最新大纲及安全生产监管人员考试真题汇总，有助于安全生产监管人员理论考试考前练习。1、【单选题】()以上人民政府对安全生产监督管理中存在的重大问题,应当及时予以协调、解决。
【Leetcode日常签到-1328】人保牛马算法 leetcode
时间2025年2月8日每日学习学习目标：回文字符串题目练习：leetcode1328.破坏回文串题目：由小写英文字母组成的回文字符串palindrome，请你将其中一个字符用任意小写英文字母替换，使得结果字符串的字典序最小，且不是回文串，无法做到，则返回空串分析：由题意可知，要破坏回文字符串。有两种特殊情况：1.一个字符时，是无法破坏回文字符串的。2.当一个回文字符串都是a的时候publicStr
linux GTK 多进程 SillyBenzhu linux GTK 多进程三个窗口并行
内容：编写一个C程序，使用Linux下的GTK图形库，分窗口显示三个并发进程的运行。一个linux下多进程的实例，同时练习GTK编程。分三个文件，分别是创建进程到主函数threeProc.c、建立子进程窗口的函数procBar.h和另外一个畸形窗口创建函数showImage.h。实验过程：编辑源程序，将三个源程序和一个图片置于一个文件夹中，执行如下命令：注意命令：gcc-osb*.c`pkg-co
数组简单练习 01292520 C++学习记录 c++
#includeusingnamespacestd;//用数组求斐波那契数列intmain(){intf[100];f[0]=0,f[1]=1;intn;cin>>n;for(inti=2;iusingnamespacestd;intfibonacci(intn){doublephi=(1+sqrt(5))/2;//O(1)doublepsi=(1-sqrt(5))/2;//O(1)doubleV
网络安全工具汇总 Hacker_Fuchen web安全安全
网络安全工具汇总漏洞及渗透练习平台WebGoat漏洞练习环境https://github.com/WebGoat/WebGoathttps://github.com/WebGoat/WebGoat-LegacyDamnVulnerableWebApplication（漏洞练习平台）https://github.com/RandomStorm/DVWA数据库注入练习平台https://github.
PTA团体程序设计天梯赛-练习集（合集）指针原来是套娃的 PTA团体设计天梯赛数据结构 c语言 c++算法
目录前言L1-001HelloWorld思路L1-002打印沙漏思路L1-003个位数统计思路L1-004计算摄氏温度思路L1-005考试座位号思路L1-006连续因子：思路L1-007念数字思路L1-008求整数段和思路L1-009N个数求和思路L1-010比较大小思路L1-011A-B思路L1-012计算指数思路L1-013计算阶乘和思路L1-014简单题思路L1-015跟奥巴马一起画方块思路
【练习】PAT 乙 1061 判断题柠石榴 PAT 题解输入输出算法 c++
题目判断题的评判很简单，本题就要求你写个简单的程序帮助老师判题并统计学生们判断题的得分。输入格式：输入在第一行给出两个不超过100的正整数N和M，分别是学生人数和判断题数量。第二行给出M个不超过5的正整数，是每道题的满分值。第三行给出每道题对应的正确答案，0代表“非”，1代表“是”。随后N行，每行给出一个学生的解答。数字间均以空格分隔。输出格式：按照输入的顺序输出每个学生的得分，每个分数占一行。输
16. 断言(SVA)：立即断言/并发断言啄缘之间 UVM学习计划表学习 verilog uvm sv 测试用例
文章目录前言一、断言类型对比二、立即断言详解1.概念与通俗理解2.实现方式3.应用场景4.常见误区三、并发断言详解1.概念与通俗理解2.实现方式3.应用场景4.常见误区四、练习任务任务1：FIFO满标志检查任务2：状态机合法跳转任务3：立即断言验证握手协议任务4：并发断言验证数据稳定性任务5：设计FIFO的并发断言‌五、完整仿真示例示例一：寄存器ack检查1.代码示例2.仿真指令3.预期输出示例二
关于git管理分支问题冬停 c++git qt visualstudio visual studio code
环境部署git练习在线网站:LearnGitBranchingGithubDesktop官网(可视化管理工具):DownloadGitHubDesktop|GitHubDesktop汉化工具Git版本控制设计指南版本号命名规范版本号采用X.Y.Z的格式，遵循语义化版本规范：X:主版本号-做了不兼容的API修改Y:次版本号-做了向下兼容的功能性新增Z:修订号-做了向下兼容的问题修正示例说明v1.0.
DeepSeek告诉你，2025年Android开发和鸿蒙开发，哪个更有前途？工程师老罗 android harmonyos 华为
本书定位于原生Android开发的入门书籍，力求做到看得懂、能练习、能学会，提供**视频、源代码、课件、**习题、试卷、教案等，免费在线答疑，教学两用以下问题答案来自腾讯元宝里的DeepSeekR1，仅供参考先说Deepseek得出的结论：最终建议：若聚焦国内高增长赛道（如车联网、政务数字化），选择鸿蒙更易把握职业红利；若追求技术通用性或出海机会，Android仍是更稳妥的选择。两者并非完全互斥，
/ʊ/音的字母或字母组合的单词 WwwwwH_PLUS 英语音标课堂 c++
下面例出发/ʊ/音的字母或字母组合的单词，多听发音并练习。a、oo在k前发短元音[ʊ],例词：cook/kʊk/vt.烹调took/tʊk/v.拿look/lʊk/vt.看brook/brʊk/n.小溪shook/ʃʊk/v.摇动hook/hʊk/n.挂钩b、oul在重读音节中发[ʊ],例词：should/ʃʊd/aux.应该would/wʊd/aux.将could/kʊd/aux.能够c、u在某
力扣练习之盛最多水的容器飘去数星星力扣练习题 leetcode 算法职场和发展
这道题其实最简单的方法是用双重循环，但它有一个坏处是时间复杂度非常高，O(n²）,所以会超时，为了改良时间复杂度，所以采用了双指针的办法来进行解决题目：给定一个长度为n的整数数组height。有n条垂线，第i条线的两个端点是(i,0)和(i,height[i])。找出其中的两条线，使得它们与x轴共同构成的容器可以容纳最多的水。返回容器可以储存的最大水量。说明：你不能倾斜容器。用双指针的话，分别用l
力扣练习之递增的三元子序列飘去数星星力扣练习题 leetcode 算法数据结构
题目：给你一个整数数组nums，判断这个数组中是否存在长度为3的递增子序列。如果存在这样的三元组下标(i,j,k)且满足ires(len);vectorl(len),r(len);for(inti=0;inums[j])?nums[j]:l[i];}for(intj=i+1;j=0;i--){rightMax[i]=Math.max(rightMax[i+1],nums[i]);}for(inti
17. 示例：用assert property检查FIFO空满标志冲突啄缘之间 UVM学习计划表学习 sv verilog uvm fpga开发
文章目录前言一、概念解析与通俗理解二、实现方式与代码示例1.核心断言逻辑2.扩展场景（时序对齐）3.使用`assertproperty`三、应用场景与示例1.验证阶段2.实际案例3.`assertproperty`验证阶段四、常见误区与规避方法1.忽略复位条件2.异步信号未同步3.时钟域的同步五、练习任务与讲解任务1：设计FIFO空满保护断言任务2：`assertproperty`检查FIFO的空
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 ThreadPool thread Runnable timer
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 浏览器 Firebug IE
由于之前到深圳现场支撑上线，当时为了解决个控件下载，我机器上的IE8老报个错，不得以把ie8卸载掉，换个Ie6,问题解决了，今天出差回来，用ie6登入另一个正在开发的系统，遇到了Png图片的问题，当然升级到ie8(ie8自带的开发人员工具调试前端页面JS之类的还是比较方便的，和FireBug一样，呵呵)，这个问题就解决了，但稍微做了下这个问题的处理。我们知道PNG是图像文件存储格式，查询资
表查询常用命令高级查询方法(二) 百合不是茶 oracle 分页查询分组查询联合查询
----------------------------------------------------分组查询 group by having --平均工资和最高工资 select avg(sal)平均工资,max(sal) from emp ; --每个部门的平均工资和最高工资
uploadify3.1版本参数使用详解 bijian1013 JavaScript uploadify3.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 AngularJS AngularJS 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 java C++c C#
/** * 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 c basic
进制的表示示例 # 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 cache ehcache 简介 CacheManager crud
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 Web html5 浏览器 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交互，它允许用户

网页制作练习

html

css

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