20171211

最新推荐文章于 2017-12-14 20:13:37 发布
最新推荐文章于 2017-12-14 20:13:37 发布
阅读量164 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qunzhaoshen/article/details/78777891
版权
今天学习的 CSS+div 的课程
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />


<style>
#container{
background-color:;
height:1600px;
}
#location_top{
background-color:#700005;
}
#color{
background-color:#8F000B;
}
#location_top ol{
list-style-type:none;
float:left;
}
#location_top ol li{
float:left;
margin-right:8px;
color:white;
}
#location_top ul{
list-style-type:none;
float:right;
margin-right:18px;
}
#location_top ul li{
float:right;
margin-right:8px;
color:white;
}
.photo{
position:absolute;
width:99%;
height:500px;

}
.photo > img{
width:100%;
height:100%;
}
.blue{
border-radius:5px;
margin-top:20px;
background-color:#0099CC;
color:#FFFFFF;
float:left;
margin-left:10px;
margin-bottom:10px;
}
#biu{
border:2px solid gray;
border-radius:10px;
top:10px;
height:500px;
}
.size{
margin-top:20px;
color:#0099CC;
float:left;
margin-left:150px;
}
#small{
float:left;
border:2px solid #E6E6E6 ;
border-radius:10px;
width:300px;
height:400px;
margin-left:120px;
margin-top:30px;
}
.pink{
border-radius:5px;
margin-top:20px;
background-color:#F25555;
color:#FFFFFF;
float:left;
margin-left:10px;
margin-bottom:10px;
}
.size_a{
margin-top:20px;
color:#F25555;
float:left;
margin-left:150px;
}
.green{
border-radius:5px;
margin-top:20px;
background-color:#669933;
color:#FFFFFF;
float:left;
margin-left:10px;
margin-bottom:10px;
}
.size_b{
margin-top:20px;
color:#669933;
float:left;
margin-left:150px;
margin-bottom:10px;
}
.violet{
border-radius:5px;
margin-top:20px;
background-color:#6954D1;
color:#FFFFFF;
float:left;
margin-left:10px;
margin-bottom:10px;


}
.size_c{
margin-top:20px;
color:#6954D1;
float:left;
margin-left:150px;
}
.tp{
text-align:center;
margin-right:30;
margin-bottom:10px;
}
.lccon{
margin-left:50px;
}
#gg{
margin-left:100px;
margin-top:30px;
float:left;
}
#bb{
border:3px solid #FFFFFF;
background-color:#E6E6E6;
}
#s{
float:right;
margin-right:300px;
border-top:10px;
margin-top:26px;
}
.div{
border:1px; 
width:1200px; 
height:800px;
margin-left:150px;
}
.db{
border:1px; 
width:100%; 
height:300px;
background-color:#F6F6F6;
}
#db{
        background-color:#F6F6F6;
        width:100%;
        height:100px;
        text-align:center;
        color:black;
        }
</style>
</head>
<body>
<div id="container">
<div id="location_top">
<ol>
<li>学生</li><li>教职工</li><li>校友</li><li>家长</li><li>访客</li><li>招聘</li><li>捐赠</li>
</ol>
<ul>
<li>门户</li><li>网络</li><li>邮箱</li><li>BBS</li><li>图书馆</li><li>医学院</li><li>领导信箱</li><li>120周年校庆</li><li>English</li>
</ul>
<div style="clear:both;"></div>
<div id="color"><img src="img/1.jpg"></div>
</div>
<div>
<div id="biu">
<div class="photo" style="z-index:1;"><img src="img/01.png"></div>
<div class="photo" style="z-index:4;"><img src="img/02.png"></div>
<div class="photo" style="z-index:3;"><img src="img/03.png"></div>
<div class="photo" style="z-index:2;"><img src="img/04.png"></div>
</div>
<script type="text/javascript">
function imgAutoChange (){
var imgCols = document.getElementsByClassName("photo");  
var imgColsLength = imgCols.length;
for(var i = 0;i < imgColsLength;i++){
/*通过for(var i = 初始值;i < 终止值;i++){
处理代码；}*/
var zIndex =  parseInt (imgCols[i].style.zIndex,10);
zIndex = zIndex + 1;
if(zIndex > imgColsLength){
zIndex = 1;
}
imgCols[i].style.zIndex = zIndex; /* 设置css的属性值*/
}
}
window.setInterval(imgAutoChange,3000); 
</script>
</div>
<div>
<div id="small">
<div class="blue">院长介绍</div>
<div class="size">详细>></div>
<div class="tp"><img src="img/z.png"></div>
<div>
<li>院长:张桂平&nbsp;&nbsp;教授</li>
<li>沈阳被团信息职业技术学院&nbsp;&nbsp;院长</li>
<li>沈阳航空航天大学人机智能&nbsp;&nbsp;教授</li>
</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;张桂平院长作为辽宁省首批特聘教授，二十年如一日致力于计算机应用领域机器翻译、人机接口、知识管理技术的研发工作坚持不懈地进行探索创新。先后创建：沈航人机智能研发中心（研）沈阳格微软件有限责任公司......
</div>
</div>
<div id="small">
<div class="pink">领导关怀</div>
<div class="size_a">更多>></div>
<div class="tp"><img src="img/ld.png" height="150px"></div>
<div>
<li>领导关怀--访问北方软件(图)</li>
<li>领导关怀--光临博览会(图)</li>
<li>领导关怀--指导工作(图)</li>
<li>领导关怀--调研北方软件(图)</li>
<li>领导关怀--汇报军演(图)</li>
<li>乌干达麦克雷大学莅临我院参观学习</li>
<li>北软靴子喜获第七届ACM赛三等奖(图)</li>

</div>
</div>
<div id="small">
<div class="green">媒体报道</div>
<div class="size_b">更多>></div>
<div class="tp"><img src="img/07.jpg" height="150px" width="200px"></div>
<div>
<li>【古城新都·温度】项目--"网络小..</li>
<li>【幸福沈阳 共同缔造】项目篇--"网...</li>
<li>张桂平教授获得”十佳科技创新带头人”荣...</li>
<li>刘强副省长视察格微、北软（图）</li>
<li>领导关怀--汇报军演(图)</li>
<li>中国侨联侨卫副主席、省委王蒙微副书记</li>
<li>格微机遇 北软动力</li>

</div>
</div>
<div id="small">
<div class="violet">学院新闻</div>
<div class="size_c">更多>></div>
<div class="tp"><img src="img/dy.jpg" height="150px;"></div>
<div>
<li>我院计算机专业被确定为“辽宁省职..”</li>
<li>喜讯 沈阳北软信息职业技术学院学子拿...</li>
<li>党委召开全院教职工会议，部署学习贯彻...</li>
<li>院党委召开扩大会议专题研究部署贯彻十...</li>
<li>我院组织师生认真收听收看党的十九大电..</li>
</div>
</div>
</div>
<div style="height:998px">
<div id="gg"><img src="img/2-1.png" height="550px"></div>

<div id="s">
<div id="bb" style="height:41px"><li>应用英语专业（跨境电商）</li></div>
<div id="bb" style="height:41px"><li>软件技术专业</li></div>
<div id="bb" style="height:41px"><li>计算机应用技术专业</li></div>
<div id="bb" style="height:41px"><li>计算机网络技术专业</li></div>
<div id="bb" style="height:41px"><li>计算机信息管理专业</li></div>
<div id="bb" style="height:41px"><li>电子商务专业</li></div>
<div id="bb" style="height:41px"><li>数字媒体应用技术专业</li></div>
<div id="bb" style="height:41px"><li>动漫制作设计专业</li></div>
<div id="bb" style="height:41px"><li>数字媒体应用技术（动画）专业</li></div>
<div id="bb" style="height:41px"><li>飞机机电设备维修专业</li></div>
<div id="bb" style="height:41px"><li>数控技术（两化融合）专业</li></div>
<div id="bb" style="height:41px"><li>智能控制技术专业</li></div>
</div>
</div>
<div class="div">
<div style="margin-top:5px">
<img src="img/3-1.png" width="380px">
<img src="img/3-2.png" width="380px">
<img src="img/3-3.png" width="380px">
</div>
<div style="margin-top:5px">
<img src="img/3-4.png" width="380px">
<img src="img/3-5.png" width="380px">
<img src="img/3-6.png" width="380px">
</div>
<div style="margin-top:5px">
<img src="img/3-7.png" width="380px">
<img src="img/3-9.jpg" width="380px">
<img src="img/3-8.png" width="380px">
</div>
</div>
<div style=“clear:both;”></div>
<div id="db">
    版权所有沈朝群&nbsp丨&nbsp地址：沈阳北软信息职业技术学院&nbsp丨&nbsp联系电话：15042589255&nbsp丨&nbsp邮箱1596950376@qq.com&nbsp丨&nbsp邮编：110100
    </div>


</div>
</body>
</html>
qunzhaoshen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IP-GUARD网址库20171211.rar
07-05
《IP-GUARD网址库20171211》是针对企业网络管理与安全防护的一款重要资源，主要用于IP-GUARD系统中对网络访问行为的管控。IP-GUARD是一款综合性的企业信息安全管理系统，它集成了网络监控、数据防泄漏、上网行为管理...
.net学籍管理系统20171211
12-12
《.NET学籍管理系统20171211详解》 .NET学籍管理系统是一款基于Microsoft的.NET框架开发的教育管理软件，专用于管理和维护学校的学生学籍信息。该系统于2017年12月11日发布，旨在提高教育机构的数据处理效率和准确...
APUE 20171211
hzpfly66的专栏
12-12 192
read the code of Figure 11.11 using 2 mutexes. Still not get the mean.
20171211Link
always007的博客
12-11 224
http://kachibito.net/snippets/how-to-limit-the-number-of-selected-checkboxes http://blog.csdn.net/opossum/article/details/1261282 https://zhidao.baidu.com/question/1690863968023379668.html?q
20171211-search
Kasekale的博客
12-14 174
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> /* search (""||//) ->查找 if(找到了){返回值是index}if(没找到){返回值是-1}
20171211-number
Kasekale的博客
12-14 173
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> let str = "1ty2yu34uhj342hj5671j34jiuhkk4hfhwr7483rfhuewbu23"; let arr = [];
20171211-test
Kasekale的博客
12-14 132
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> /* test:/规则/.test(字符串),返回值是个布尔值. */ console.dir(/a/); let ar
《20171211》
dachengshi2017的博客
12-12 139
JavaScript 简答题 请你说说 split() 与 join() 函数的区别? 前者是切割成数组的形式，后者是将数组转换成字符串。join 函数获取一批字符串，然后用分隔符字符串将它们连接起来，从而返回一个字符串。split 函数获取一个字符串，然后在分隔符处将其断开，从而返回一批字符串。但是，这两个函数之间的主要区别在于 Join 可以使用任何分隔符字符串将多个字符串连接起来，而 sp
20171211-学习日记
DocLong的博客
12-11 182
MyBatis： iBATIS = “internet” + “abatis” 是一个基于Java的持久层框架 从iBatis到MyBatis 从google code到Github 特点： 1.开源的优秀持久层框架 2.SQL语句与代码分离 3.面向配置的编程 4.良好支持复杂数据映射 5.动态SQL 配置日志-加入日志配置文件log4j.propertie
C++项目内容20171211
HackFun物联网开发实验室
12-11 282
telnet编程 客户端 服务器 http://blog.csdn.net/wchrt/article/details/45752901?locationNum=3 telnet编程 客户端 服务器 http://blog.51cto.com/wchrt/1627262 EINTR https://baike.baidu.com/item/EINTR/11071604
20171211-RegExp转义符
Kasekale的博客
12-14 1073
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> /* 正则: 简写:/匹配的规则/ 标准:new RegExp new RegExp(//||"","
20171211 爬虫学习阶段性总结1
08-08
第四部分其他经验：爬虫容易写出满足感，所以不要在这上面花太多时间（其实我需要数据的时候还是找其他人要的，所以加个QQ群，程序员都是乐于助人的），适可而止就好了，
大学生英语演讲稿范文20篇20171211.docx
12-07
很抱歉，但根据您提供的信息，“大学生英语演讲稿范文20篇20171211.docx”这个文件的描述和标签为空，且部分内容只提到了“WORD 格式专业资料整理”，这些信息并不包含具体的IT知识内容。因此，我无法为您生成相关的...
S-CMS企业建站系统 v3.0 build20171211
11-26
S-CMS企业建站系统是淄博闪灵网络科技有限公司开发的一款专门为企业建站提供解决方案的产品，前端模板样式主打HTML5模板，以动画效果好、页面流畅、响应式布局为特色，程序主体采
数据分析的核心技能和方法
07-19
数据分析的核心技能和方法
毕业设计javajsp人寿保险销售网站(ssh)-qkrp源码含文档工具包
07-19
毕业设计javajsp人寿保险销售网站(ssh)-qkrp源码含文档工具包 后台是ssh框架，页面是jsp，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 平湖人寿保险公司保险销售网站分为用户和管理员两个部分 前台部分（用户界面）： 1、资讯浏览功能： （1）新闻资讯浏览 （2）新闻资讯查询 （3）公司简介 （4）通知公告 2、用户登录注册功能： （1）注册 （2）登录 3、用户管理功能 （1）个人信息管理 （2）订单管理 4、保险购买功能： （1）保险产品浏览 （2）保险产品查询 （3）保险产品购买 后台管理（管理员界面） 1、管理员登录功能： 管理员在管理员登录界面输入用户名和密码，即可登录管理员的界面。 2、资讯管理功能： （1）新闻资讯管理 （2）公司简介管理 （3）通知公告管理 3、保险产品管理： （1）保险产品信息管理 （2）保险产品查询 4、会员管理： （1）会员删除 （2）会员级别管理 5、统计管理： （1）保险产品销售量统计 （2）有效会员数量统计 包含：源码、数据库脚本、论文、环境工具包、相同框架项目的安装教程
毕业设计javajsp公共课考试系统(ssh)-qlkrp源码工具包
最新发布
07-19
毕业设计javajsp公共课考试系统(ssh)-qlkrp源码工具包 后台是ssh框架，页面是jsp，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 题库 试卷信息管理 阅卷 统计功能 包含：源码、数据库脚本、环境工具包、相同框架项目的安装教程（在说明文档中）
揭秘黑箱：YOLO预测结果的可解释性探究
07-19
YOLO（You Only Look Once）是一种流行的实时对象检测系统，最初由 Joseph Redmon 等人在 2015 年提出。它的核心思想是将对象检测任务视为一个回归问题，直接从图像像素到边界框坐标和类别概率的映射。YOLO 以其快速和高效而闻名，特别适合需要实时处理的应用场景。 以下是 YOLO 的一些关键特点： 1. **单次检测**：YOLO 模型在单次前向传播中同时预测多个对象的边界框和类别概率，不需要多次扫描图像。 2. **速度快**：YOLO 非常快速，能够在视频帧率下进行实时检测，适合移动设备和嵌入式系统。 3. **端到端训练**：YOLO 模型可以从原始图像直接训练到最终的检测结果，无需复杂的后处理步骤。 4. **易于集成**：YOLO 模型结构简单，易于与其他视觉任务（如图像分割、关键点检测等）结合使用。 5. **多尺度预测**：YOLO 可以通过多尺度预测来检测不同大小的对象，提高了检测的准确性。 YOLO 已经发展出多个版本，包括 YOLOv1、YOLOv2（也称为 YOLO9000）、YOLOv3、YOLOv4 和 YOLOv5 等。
吃鸡pubg适用于罗技GHUB的鼠标宏
07-19
安装步骤如下！ 导入lua宏到GHUB的步骤如下： 1. 打开GHUB，选择你的罗技鼠标。 2. 转到“宏”选项卡，创建一个新的宏。 3. 在宏编辑器中，点击“导入”，选择"pubg1.lua"文件。 4. 宏会自动加载lua文件中的所有操作，你可以调整它们的顺序或延迟时间，以适应自己的游戏风格。 5. 将这个宏绑定到鼠标上的任意按键，就可以在游戏中使用了

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值