记腾讯互娱网站布局(1)

1.导航栏

这里写图片描述

第一步:设置最外层的容器的定位方式、宽度和高度以及背景

这里写图片描述

这里写图片描述

第二步:给第二层容器设置内容的居中显示

这里写图片描述

第三步:设置居中的logo的定位和位置

这里写图片描述

这里写图片描述

第四步:设置6个标志的布局

这里写图片描述

这里写图片描述

设置所有的导航栏项目的定位和距离顶部的距离,以及宽度和居中显示,然后分别设置每个项目的left值

这里写图片描述

这里写图片描述

后面的以此类推,标志左边的使用left定位,右边的使用right定位

总结:给导航栏定宽和相对定位,再将每个项目用绝对定位后的增加left和right等属性将其定位到对应的位置

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/407015.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

第五——十三章的作业

第五章 1.团队模式和团队的开发模式有什么关系? 答:团队模式指团队的分工模式,团队内部的结构,团队开发模式指团队开发的流程及步骤 2.如果你领头开展一个全新的项目,你要怎么选择“合适”的团队模式? 答&a…

Taro+react开发(48)taro中switchTab

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

JS中完美兼容各大浏览器的scrolltop方法

1、各浏览器下 scrollTop的差异 IE6/7/8/9/10: 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ; 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop ; Safari: safari 比较特…

记腾讯互娱网站布局(2)

2.头图特效 给头图设置宽度100%以及定高1110px,同时设置display为table,和定位方式fixed 通过设置绝对定位以及固定宽高和背景的方式来实现 存放动态特效的盒子采用绝对定位,并且触发流体特效以及百分百宽的方式 主图上标志的实现是采用外部容…

DB Reindex

数据库在使用一段时间后,就会出现很多的索引碎片。declare ID int set IDOBJECT_ID(SMT_QC) dbcc showcontig(ID)Scan Density值越低代表越需做DBCC ReIndex ,刚做完DBCC会等于 ReIndex100% 下面是Reindex的存储CREATE procedure [dbo].[DBReindex] DB varchar(20)…

ABBYY

ABBYY FineReader Engine泰比OCR文字识别控件移动版 产品功能:OMR识别控件 平台: 开发商:ABBYY”‘Š€ 版本:产品介绍:手机识别的高品质和精度 泰比(ABBYY)Mobile OCR Engine是基于对世界知名的…

JS预编译过程

首先讲预编译过程 JS代码执行过程三部曲 过程 语法分析:首先扫描一遍,看有没有低级的语法错误预编译解释执行:解释一行执行一行 预编译low讲 函数声明整体提升,变量 的声明提升(这个其实很low,点击low…

codeforces 476B.Dreamoon and WiFi 解题报告

题目链接:http://codeforces.com/problemset/problem/476/B 题目意思:给出两个字符串str1, str2,其中,str1 只由 和 - 组成,而str2 由 ,-和?组成。初始点在原点0的位置,经过 str1 的变换最终会…

在应用程序级别以外使用注册为 allowDefinition='MachineToApplication' 的节是错误

在应用程序级别以外使用注册为 allowDefinitionMachineToApplication 的节是错误 在web.config文件之外注册为 allowDefinitionMachineToApplication 的节是错误 遇到这个问题,我真是晕啊! 以下是我个人的经验解决上述的二个问题,至今有时还…

bash删除文件中的空行

方法一:sed /^$/d a.txt 所以如果要将删除后的结果替换原文件中的内容,就可以用: sed /^$/d a.txt > temp; mv temp a.txt 然后在弹出提示符下选择Y就可以了。 方法二:在vi命令提示符下,输入:%s/^\n/…

Taro+react开发(50) 小程序触底操作

onReachBottom() {console.log("我在触底");const { pageIndex, pageSize, getStauList } this.state;if (pageIndex * pageSize > getStauList.length) return;this.setState({pageIndex: pageIndex 1},() > {this.getStatusList();});}

记腾讯互娱网站布局(3)

3.图文回顾 先看看整个网站的全貌 这里’display:table;width:100%;table-layout:fixed’是约定俗成的写法,用来保证固定的表单布局,同时让连续的英文单词不会超出 内部采用’display:table-cell’属性将内容当做表格的td标签一样显示,设置v…

JS阻止冒泡和取消默认事件(默认行为)

阻止事件冒泡 function stopPropagat(e) {if (e && e.stopPropagation) {e.stopPropagation();//标准浏览器} else {window.event.cancelBubble true;//兼容IE的方式来取消事件冒泡}}阻止默认行为 function stopDefault(e) {if (e && e.preventDefault) {e.pr…

如何提高个人的职涯“本钱”

何所谓职业生涯的本钱?简单来说,必须涵盖三个方面,一是充分的能力,包括专业技能、管理知识的储备等;二是态度,即工作态度及风格是否契合你所希望就职公司的文化,开阔的视野、兼容并包的心胸、善…

Taro+react开发(51) 数组对象和数组得处理

for (var key of value) {arrcode.push(selectorIndustry.find(obj > obj.value key));}

简单的python流回显服务器与客户端

环境:Fedora12 python2.6.2 server.py #!/usr/bin/python import socket srvsock socket.socket(socket.AF_INET, socket.SOCK_STREAM) srvsock.bind((, 5000))srvsock.listen(5) while True:clisock, (remoteHost, remotePort) srvsock.accept()str11 clisock…

MongoDB 入门之安装篇

前言:MongoDB 在各 OS 上的安装比较简单,此文章只用来记录,不考虑技术深度。 一、Ubuntu 导入 MongoDB 公钥,添该软件源文件,更新源列表sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 7F0CEB10 …

大小不固定的图片和多行文字的垂直水平居中

1. 单行文字 可能很多人都知道如何让单行文字垂直居中显示,就是使用line-height,将line-height值与外部标签盒子的高度值设置成一致就可以了 2. 多行文字 说白了就是把文字当图片处理。用一个span标签将所有的文字封装起来,设置文字与图片相…

移动端中使用调试控制台

一、一般移动端&#xff1a;在html head中引入移动端调试控制台代码并初始化&#xff1a; <head><meta charset"UTF-8">....<!-- 移动端调试控制台 --><script src"https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></scri…

网络安全解决方案

中小企业网络安全解决方案转载于:https://blog.51cto.com/405214606/144453