模拟薪人薪事站点的一些总结。

这是我模拟的header顶部导航条。这里用到了Font-Awesome字体图标,用法很简单,只需要下载好资源,然后在我们的站点引入min.css就可以了,至于具体用法就是查到你想使用的图标名称,放在i标签的class中便可。

这个是之前写的关于字体图标的总结,也一起放上来

说完字体图标说回我们正事,顶部导航条

总结一下写法,最外层标签是header,其中header定高了,47px,同时也设了line-height也是47px,为了是字体垂直居中。

然后里面分别包含四个div

这里主要注意下float:right的第三四个div,float的排列顺序是按照我们写的div的顺序进行排列的,也即是写在最前面的float:right的div越往右边靠,所以float在最右边的那个div,即离开的那个,我们要写在user之前,只有这样才能使得离开放在最右边。

接下来就说说a标签的具体实现。就拿home也即是第一个div来说。html结构如下

结构很简单,我们的样式设置的话基本都是放在a标签里面,外层div除了浮动以及简单的定位没有了其他样式,注意外层div设了float之后,宽度不再是100%,而是由内容撑起来或者是自己手动设置宽度。

可以看到,我们显示把a标签的display设为了block,只有这样我们的a标签才能把图标以及文字上下的位置也包括在内。之后设了padding左右为10px,很明显这样设置之后我们的a标签大小就可以根据文字自动撑起来了。此时已经基本设定完毕,再加个hover改变背景色就完成了。但是有时候我们想每个a标签都有一段距离隔开,这时候可以给个margin-left。

时间: 2024-10-06 09:55:05

模拟薪人薪事站点的一些总结。的相关文章

黑客与画家 part3保罗·格雷厄姆其人其事

part3 保罗·格雷厄姆其人其事 page14-page26 1964年,保罗·格雷厄姆(Paul Graham)出生于匹兹堡郊区的一个中产阶级家庭.父亲是核反应堆的物理学家,母亲再家照看他和他的妹妹. 青少年时代,格雷厄姆就开始编程.但是,他还喜欢许多与计算机无关的东西,这再在编程高手之中是很少见的.中学时,他喜欢写小说,进入康奈尔大学以后,他主修哲学,后来发现哲学很难理解,于是研究生阶段他就去了哈弗大学计算机系,主攻人工智能. 他在这个方向上进展不顺利,因此对学术感到灰心.(但是,作为研究

机遇只青睐有准备的人(成为学习型动物,培养选择的能力:不断思考哪些人、事、物对我最重要,拥抱不确定性)

那天在IT职业咨询QQ群里聊天,提到腾讯.阿里,我说跟着这两家公司从小到大的朋友,都获得了不菲的回报,成了富翁或者财务自由了. 有群友感叹说:“是啊,我们错过了那么多机会.” 看到这句话,我心里一动,是啊,我们是错过了不少机会,可是,眼下还有很多机会,我们怎么样知道它是机会并且抓住它呢? 什么是机会 马云经历两次创业失败后,第三次凑了50万在马云家里创业,最多时一个房间坐35个人:马化腾曾经想要60万卖掉QQ却找不到买家……如果把我们放在那样一个时刻和情境下,你会选择跟着双马走下去吗? 恐怕大多

搞好IT运维管理中人、事、物、流程标准系统,工作高枕无忧

故障总会发生,没有一个IT企业的运维会高枕无忧.但我们可以做到防微杜渐,大事化小,小事化了.在日常工作中,做好事前预测防范,事中解决应急,事后分析总结. 要想提高运维水平,尽量规避风险故障,从根本上需要建立一个好的运维体系.运维体系是运维的基础和核心.通过运维体系的构建及完善,使我们的运维做到稳定可靠,准确完备,规范科学.从某种角度来看,系统运维体系可以用一个四面体来描述,包括四大方面:人.事.物.流程标准. 例如SITEVIEW ITOSS一体化IT运营支撑系统就从人.事.物.流程这四个方面便

连接企业的人、事、物、知识--企业IM的第三类生存方式

企业IM现状:尴尬 传统的企业IM在完成聊天.群组.文件传输.音频会话等传统IM功能后,发现自己陷入了尴尬的境地,因为功能的“同质化”,这些功能微信.QQ也有啊,其他IM厂商也有.于是IM厂商开始思考并改变,主要是2类: 1. 把传统IM功能做精做细,并集成简易办公功能. 比如钉钉的“钉一下”,通过消息的回执反馈,对任务进行提醒,甚至连接了群聊,还有邮件集成.一键审批等. IMO的消息类型较丰富,包含文字.语音.图片.文件.地理位置.甚至对话内容可一键生成任务,日程. IMO的文本.语音.文件对

程序人生之项目团队那些人与事(7)

7--关于项目中的决策会议 如今和J哥早已各奔东西了,但是当年在项目组时有些事情历历在目.因为在他当项目经理时,他曾经多次因对工作及设计方案的讨论过程中情绪失控,从而导致一种情绪化的指责.实际上我们自己本身在处理问题时也经常犯下这样的错误.我们也许做决定时是基于是谁在提问题,而不是判断这个观点本身的利弊.有时候我们往往没有用有效的方法去表达,从而让沟通变得开始有些困难,从而导致一种情绪在蔓延.通常当某人提出一个观点时,当团队中都弥漫着如下情况时,通常是你是在否定他,无论用什么情况,指出了明显的确

Docker模拟多人协作进行Git操作

今天我们利用Docker模拟出两个终端,来进行git提交操作 开始前的准备 1.安装docker应用,命令行输入docker -v 如果出现上面的提示就说明docker下载成功了!然后让我们启动docker服务 service docker start 接下来我们要拉取Git镜像包,我这里使用的是阿里云镜像 git clone docker pull registry.cn-hangzhou.aliyuncs.com/kancloud/git 下载成功我们来启动三个容器 docker run -

职场吐槽大会:一起聊聊职场里的奇葩人奇葩事

已经2018年了,和2017年说再见了 回想过去苦逼奋战的一年里 是不是总有些同事让你 "惊为天人",怀疑人生 是不是有那么几个时刻,想让眼前的同事 原地爆炸,再也不要出现在你的周围          1 邀功精: 咦!!!这不是我做的嘛?咋成他的功劳了 述职会议上,台上的同事滔滔不绝讲述着自己的辛劳功绩 口中讲述的内容.PPT上展示的成绩,如此的熟悉 这不是自己苦逼哈哈忙活了好久才完成的部分嘛 怎么跑到了他的PPT上 难道是我的记忆发生了错乱??!! 2   拖延精: 不好意思!我这

没有完美的人或事

下面以苹果手机为例,说明一个问题当实际值与期望值不符合的时候,人会出现的感情状况 公众人物与普通人 像公众人物类的,在公众面前肯定要表现正式一点的,这个是必须的,这个是有非常大的影响力的.我们的期望值大于或等于实际值是很正常的,如果实际值小于期望值的话,我们可能表现出非常的不满,毕竟人非圣贤,谁能不过,一个人不能时时刻刻的把最好的一面展现出来,这要是活得有多么的累,所以要有时候需要理解与宽容.我们每一个人,都有个人独立的完整的私人空间,这是不被侵犯的,所以要尊重别人的私人生活与私人空间. 举例:

程序人生之项目团队那些人与事(8)

8--团队建设 团队中的作用,就是在于每个人都有不同的能力.观点.经验.每个人都有自己长处也会有自己的短处,但是如果把团队中的长处全部组合在一起,那么将是一个非常理想的环境.当然在技术团队中仅靠一个人的技术很好,是不够的.如果其它成员差距很大也是远远不够的,所以在我的眼里,一个团队整体而言要处以学习状态中,只有学习型的团队才是较好的团队.实际上,团队中最好是各方面都有强项的地方,用各自的所长带动大家共同的成长.我们经常会随着技术的发展去了解一些新的概念和知识,而有些知识概念团队中的大多数人都不熟