复原网易网页

在这放一下在github上的静态网页

163-copy

最近在看网易的企业文化,深深的被迷上了,以后一定要去网易上班,感受感受。

然后我就开始复原网易的首页,开始准备不firebug原网页的,后来发现我根本做不出来。

没办法就用firbug复原了。

由于这是我第一次复原网页还是有很多问题的,但同时有很多收获的。

1.首先在网易的css中我看出了他们的思想,oocss,在心中也算有了个概念。

2.我知道clear、float的重要性。有专门的clearfix

3。可以通过边框的叠加来实现不同的样式。

4.在定位中同级元素最好都要有float属性不然可能有问题。

5.开始不懂CSS Sprites竟然在网易中懂了,可见实践的重要性。

6.white-space: nowrap;

7.A>B 表示选择A元素的所有子B元素。

与A B的区别在于,A B选择所有后代元素,而A>B只选择一代。
另外:没有<的用法。

A+B表示HTML中紧随A的B元素。

PS.实在没有时间开始做的时候前面的细细的做一个导航和导航条花了我三个小时。

后边就粗略的定位了。但我相信我可以做出来有信心!

时间: 2024-10-10 01:46:54

复原网易网页的相关文章

foxmail创建163公司企业邮箱的时候会出现ERR Unable to log on

解决办法:登录网易网页邮箱发现上边地址是http://mail.ym.163.com/,于是把pop.qiye.163.com更改为pop.ym.163.com,瞬间创建成功....也许是网易那边服务地址已经更改而腾讯这边没有链接到?反正问题已经解决--本文使用的是最新的Foxmail7.2

网页常用动态效果--网易轮播图

与小米轮播图类似,多了下角标进度条,同时加了切换效果 HTML代码: <div class="box"> <div> <ul> <li style="z-index:1;"><img src="image/163/1.jpg" alt="" width="310" height="220"/> <span></

Zabbix Web(网页)配置网易163第三方SMTP发送邮件

0x00:注册163账号,开启163邮箱SMTP功能. 0x01:设置授权码,默认是关闭的,为了邮箱安全必须使用. 0x02:Administrator--Media types,设置SMTP邮箱信息,红框处是要写你自己的账号密码. Name:名字随便写,但是记住后面要用. Type:发送方式用邮件,选择Email. Smtp server.SMTP server port.SMTP helo照这163官方提供填写或照图填写. Connection security:不加密,选择None. Au

每周网页练习—网易邮箱首页

之前计划是一周还原一个网页或者切一张psd来练习基本功的.正好周五的时候接到一个电话面试,让我还原一下163邮箱主页,晚上发给他,就正好当是这周的练习吧. 吃完完成开工,做到12点,差不多4个小时,基本上做完了,不过还有些局部没完成.算还原度90%吧,剩下的这两天有空再补啦. 这是目前的完成情况 wzlinsen.com/program/163mail 记录一下收获吧 一.首先是这个二维码的滑动效果吧,其实就是绝对定位加上透明度变化加上css3的transition属性 <div class=&qu

一次性设置网页中所有链接均在新窗口中打开的代码? - 落叶的星空的日志 - 网易博客

这是设置在新窗口中打开的代码:target=_blank   设置单个连接加在herf前 如: <a href="网站地址">共享空间</a>如果要点了这个文字以后重新打开一个窗口的话,代码是:<a href="网站地址"target="_blank">共享空间</a> 方法一: 在代码视图的<head></head>之间加入<base target="bla

网易首页模仿心得---导航栏CSS篇

不仅是CSS方面学习到很多技法,而且由于自己也懂一些SEO,对网易的一些CSS+SEO优化方法,也收获颇多!(本人也是平面设计师,很喜欢网易这类简约型的网页) 好了,在此之前强烈推荐大家可以尝试一下sublime text3 这款编辑器,之前用的editplus,感觉前者真的非常强大,很多插件会让网页开发的速度快很多,很多!! 我首先看了网易的重置CSS样式表和mata标签,其中mata标签中有一行 <meta name="robots" content="index,

移动端网页开发三(纠结适配的那些年)

前面两篇文章介绍了移动端网页开发所要具备的基础知识. 今天着重来讲解移动端的适配方案. 做PC端页面的工程师聊的最多的是兼容,这是因为浏览器之间的差异引起的.而移动端基本是没有兼容问题的,全是css3,简直不要太开心. 但是最明显的是适配问题. 什么是适配呢?做PC页面的时候,我们按照设计图的尺寸来就好,这个侧边栏200px,那个按钮50px.可是,当我们开始做移动端页面的时候,设计师给了一份640px的设计图.那么我们如何把这份设计图实现在各个手机上的过程就是适配. 我所接触过的适配方法,目前

iOS 网易公开课解析示例

使用AFNetWorking请求数据,并用TFHpple进行解析 解析内容:示例解析的是首页中小编推荐标题栏的第一个项 - (void)wangyi {     // 网易公开课地址     NSString *str=[NSString stringWithFormat:@"http://open.163.com/"];     NSURL *url = [NSURL URLWithString:[str stringByAddingPercentEscapesUsingEncodi

网页游戏

网页游戏_百度百科http://baike.baidu.com/link?url=__mxqeSPiqAO_TGydqkd7M8BGmboUrei_rqfDzv59uOS9GxVe1UdbsClJgg2l5qCuFy4qzFWgaQo9GeZeaBpeiTo2npMjlMvFD6Wb-QNY8D1iT_phwtSVuq1RFOUAocv 页游 即 网页游戏 . 网页游戏又称Web游戏,无端网游,简称页游.是基于Web浏览器的网络在线多人互动游戏,无需下载客户端,只需打开IE网页,10秒钟即可进入