实验六 html网页设计,网页设计.html · 谢泽华/面向对象与软件工程实验二:网页模仿 - Gitee.com...
ul,
menu,
dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
div {
display: block;
}
* {
margin: 0;
padding: 0;
}
.comm-head {
width: 100%;
height: 78px;
overflow: visible;
position: absolute;
top: 0;
left: 0;
z-index: 11;
}
.head-normal {
width: 100%;
max-width: 1358px;
min-width: 1230px;
height: 78px;
margin: 0 auto;
position: relative;
z-index: 10;
}
.comm-head .logo {
float: left;
width: 132px;
height: 49px;
margin-top: 14px;
}
.head-nav {
float: left;
width: 55%;
height: 78px;
box-sizing: border-box;
margin-left: 30px;
padding-top: 16px;
}
.head-nav-title {
display: block;
color: #fff;
font-size: 18px;
letter-spacing: 1px;
}
.head-nav-subtitle {
display: block;
color: #aeaeae;
font-size: 11px;
margin-top: -1px;
letter-spacing: 1px;
}
.comm-topact {
width: 100%;
min-width: 1230px;
height: 360px;
overflow: hidden;
position: relative;
background: center top no-repeat;
-webkit-transition: height .6s, background, .6s;
transition: height .6s, background, .6s;
}
.topact-small-img {
-webkit-transition: opacity .6s;
transition: opacity .6s;
opacity: 1;
width: 100%;
height: auto;
}
.topact-big-img,
.topact-small-img {
position: absolute;
left: 50%;
top: 0;
width: 1920px;
height: 100%;
margin-left: -960px;
}
img {
border: 0;
}
.comm-topact .dark-mask {
width: 100%;
height: 131px;
position: absolute;
left: 0;
top: 0;
background: url(//ossweb-img.qq.com/images/lol/v3/dark-jianbian-repeatx-0.png) repeat center top;
z-index: 1;
}
.comm-topact-inner {
width: auto;
max-width: 1358px;
min-width: 1230px;
height: 100%;
position: relative;
margin: 0 auto;
}
.biaoti1 {
color: white;
font-size: 20px;
}
.biaoti2 {
color: white;
font-size: 10px;
}
.wraper {
font: normal 12px/1.6em Microsoft YaHei, Tahoma, simsun;
color: #666;
min-width: 1240px;
margin: 0 auto;
background: #f7f8f8;
overflow: hidden;
}
.mainer {
position: relative;
z-index: 1;
overflow: hidden;
zoom: 1;
width: 1240px;
margin: 0 auto 50px;
}
.layout {
width: 1240px;
margin: 0 auto;
}
.website-path .icon-arrow-2 {
display: inline-block;
vertical-align: middle;
margin: -2px 21px 0 21px;
}
.icon-arrow-2 {
background-position: -381px -46px;
width: 5px;
height: 8px;
}
.wraper .website-path {
width: 1240px;
}
.website-path {
width: 1358px;
height: 96px;
margin: 0 auto;
text-align: left;
line-height: 96px;
font-size: 14px;
}
.website-path .icon-home {
display: inline-block;
vertical-align: middle;
margin: -3px 9px 0 0;
}
.icon-home {
background-position: -347px -71px;
width: 16px;
height: 16px;
}
.website-path .here {
color: #424242;
}
.website-path a {
color: #a9a9a9;
}
.colbox {
border: 0px solid #e1e1e1;
box-shadow: 0 0 0px rgba(0, 0, 0, .1);
background: #fff;
}
.pagetab {
border-top: 4px solid #d7d7d7;
border-bottom: 1px solid #e2e2e2;
height: 48px;
background: #f0f0f0;
}
.pagetab-list {
margin-top: -4px;
margin-bottom: -2px;
position: relative;
height: 53px;
}
.pagetab-list,
.pagetab-list li {
float: left;
}
li {
list-style-type: none;
}
a:hover,
a:visited {
text-decoration: none;
}
.pagetab-list-lnk {
display: block;
border-top: 4px solid #d7d7d7;
height: 49px;
line-height: 48px;
width: 160px;
text-align: center;
color: #525252;
font-size: 16px;
cursor: pointer;
}
.pagetab-list-lnk-now {
display: block;
border-top: 4px solid;
height: 49px;
line-height: 48px;
width: 160px;
text-align: center;
color: #525252;
font-size: 16px;
cursor: pointer;
}
a {
text-decoration: none;
}
.info-showbox {
padding: 30px 37px 30px 30px;
margin-top: -1px;
position: relative;
min-height: 500px;
_height: 500px;
}
.spell-list {
float: left;
width: 43%;
padding-left: 16px;
margin-right: 0;
border-right: 1px solid #f0f0f0;
}
.imgtextlist {
float: left;
padding: 30px 0 0;
position: relative;
}
.imgtextlist .current {
color: #00a383;
}
.imgtextlist li {
float: left;
width: 90px;
height: 100px;
margin-bottom: 22px;
text-align: center;
line-height: 15px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.imgtextlist .current .sbg {
display: block;
}
.spell-list .sbg {
width: 0.1px;
height: 0.1px;
border: 0.1px solid #00a383;
background: 0 0;
}
.imgtextlist .sbg {
display: none;
position: absolute;
top: 0;
left: 12px;
background: #00a383;
opacity: .8;
cursor: pointer;
}
.imgtextlist .sbg,
.imgtextlist img {
width: 66px;
height: 65px;
}
.spell-defail {
float: left;
width: 100%;
padding-top: 30px;
padding-left: 40px;
}
.spell-title {
overflow: hidden;
zoom: 1;
}
.spell-title .cons {
float: left;
width: 60%;
color: #9a9a9a;
line-height: 30px;
font-size: 14px;
}
.spell-desc {
padding: 20px 0;
line-height: 18px;
color: #333;
font-size: 14px;
}
.imgchange
{
width: 64px;
height: 64px;
}
.imgchange:hover
{
transform: scale(1.2,1.2);
transition-duration: 200ms;
}
.wordchange
{
transition-duration: 500ms;
}
.wordchange:hover
{
background:darkgrey;
}
@media screen and (min-width:1045px)
{
.spell-defail
{
float:none;
}
.spell-title
{
float:none;
}
.spell-title .cons
{
float:none;
}
.spell-desc
{
float: none;
}
}
游戏资料 | 商城/合作 | 社区互动 | 赛事官网 | 自助系统 |
GAME INFO | STORE | COMMUNITY | ESPORTS | SYSTEM |
英雄联盟主页
游戏资料
召唤师技能
英雄
物品
召唤师技能
符文
-
屏障
-
净化
-
点燃
-
虚弱
-
闪现
-
疾步
-
治疗
-
清晰
-
护驾
-
投掷
-
惩戒
-
标记
-
传送
屏障
召唤师等级:1级
一键复制
编辑
Web IDE
原始数据
按行查看
历史
实验六 html网页设计,网页设计.html · 谢泽华/面向对象与软件工程实验二:网页模仿 - Gitee.com...相关推荐
- 【数据库 Microsoft SQL Server】实验六 物业收费管理系统数据库设计与实施综合实验
实验六 物业收费管理系统数据库设计与实施综合实验 一.实验目的 1.掌握数据库概念模型和逻辑模型设计,学会使用数据库规范化理论规范关系模式. 2.熟练掌握和使用SQL语言定义数据库.表.索引和视图等对 ...
- 实验六 基本模型机的设计与实现
实验六 基本模型机的设计与实现 一.目的任务 完成基本模型机的数据测试,验证并记录运行结果,分析程序的运行过程及各主要功能部件功能. 二.设计内容 1.基本模型机设计与实现 指令系统至少要包括六条不同 ...
- 单片机原理及应用 实验六 双机通信与PCB设计
单片机原理及应用(C51版) 实验目的及要求: 1.掌握串口通信工作原理及程序开发方法,熟悉ARES软件PCB设计过程: 2.按照P241图A.72绘制电路原理图1,将第6章实例2中2#机的查询法收发 ...
- 项目架构——面向对象与软件工程实验五
一.代码规范与编码原则 一. 目录规范 全局配置 小程序根目录下的 app.json 文件用来对小程序进行全局配置.该JSON对象中的pages属性用于指定小程序由哪些页面组成,每一项都对应一个页面的 ...
- 个人简介——面向对象与软件工程实验一
一.源码以及素材链接: https://gitee.com/fzzf-sama/gerenjianjie 二.效果截图: 三.代码展示: 1.部分代码: CSS部分代码: <style typ ...
- 【数据压缩实验六--MPEG】
数据压缩实验六--MPEG 感知音频编码设计思想 多相滤波器组 心理声学模型 临界频带 掩蔽值计算 心理声学模型I的具体过程 码率分配 LayerI LayerII 实验过程 输出音频的采样率和目标码 ...
- linux实验六磁盘综合管理
linux实验六磁盘综合管理 ##具体的实验步骤解释在底部!!! 实验名称:磁盘综合管理 实验时间:2022 年 4 月 19 日 实验地点:电子阅览室一 实验目的: 1. 掌握fdisk.mount ...
- 实验六 团队作业2—团队项目评审与团队项目选题报告
实验六 团队作业2-团队项目评审与团队项目选题报告 实验时间 2018-4-26(4/27) Deadline: 2018-5-2 10:00,以团队随笔博文提交至班级博客的时间为准. 评分标准: 按 ...
- 计算机系统实验六:程序的链接
参考教材:计算机系统基础 第二版 袁春风 机械工业出版社 参考慕课:计算机系统基础(四):编程与调试实践 https://www.icourse163.org/learn/NJU-1449521162 ...
最新文章
- 6.java设计模式
- ajax请求的完整步骤
- CentOS7.2 安装Squid3.5及正、反向代理设置
- Matplotlib实例教程(一):柱状图(条形统计图)plt.bar()
- C#中将字符串内容换行写入到txt文件中
- 【通信原理课程设计】8PSK调制解调技术的设计与仿真(MATLAB)
- Java这些多线程基础知识你会吗?
- python兼容js base64_前端base64编码的坑
- Git学习笔记:常用命令总结
- 前端开发过程中经常遇到的问题以及对应解决方法 (持续更新)
- 工具推荐——Snipaste
- php根据两点经纬度计算距离
- 华为云对象存储obs文件上传
- 【爬虫】爬取百度搜索结果页面
- 网络协会评出十大流氓软件,3721位列榜首
- Windows系统错误提示:缺少词库文件winabc.cwd缺少基础表文件winabc.ovl
- Linux删除带‘\\’的文件夹
- 图像处理中的边缘检测
- 正规可靠、令人安心省心的物联网卡公司长啥样?
- python编写梦幻脚本_利用Python实现FGO自动战斗脚本!梦幻西游也一样搞定
热门文章
- 聊一聊:你碰到过哪些操蛋的文档?
- 少儿不宜!这个开源项目能自动画出各种尺寸的...
- 一个关于HashCode 的追问!
- JWT 入坑爬坑指南
- 99%的人都能看懂的分布式最佳「补偿」实践
- 在前后端分离的路上承受了多少痛?看看这篇是否能帮到你?
- fpm制作mysql rpm包_fpm制做mysql-5.6.33 rpm包
- 台式计算机不能有线上网,台式电脑怎么样不能有线就可以连接网络,赶紧看看...
- 微信小程序开发记录一,开发工具的使用
- DLL load failed while importing _pywrap_tensorflow_internal