准前端工程师-CSDN博客

原创再说margin

以为简单的东西其实里面学问大着呢!这两天看了一个大牛写的margin系列，真是感觉自己弱爆了。里面竟然还有些词汇我都看了解释都还不懂。所以今天试着仔细看下，但是和人家大牛的比肯定是小巫见大巫了。这里我遇到什么就提什么，着重一些我以前没有太注意的东西。 margin属性适用于所有元素。but ，竖直方向（margin-top , margin-bottom）的属性对“非

2013-12-05 19:38:20 2175

原创别再滥用 line-height 了

1) line-height 不能用在无 inline 元素的 block 元素内;2) line-height "有继承性", 对 block 元素使用是设定内部 inline 元素的最小高度来的;3) 不要给 "替换内联元素" 设置 line-height ,这是很不友好的行为(虽然 img 也算替换行内元素,但是给他设置没用,因为人家规范本来就不允许给替换内联元素加这玩意);根据

2013-12-08 12:54:57 2392

翻译指定属性值，层叠和继承（b标准第六节）未完

1.指定，计算和实际值当浏览器（user agent，用户代理，暂且译为浏览器吧！）解析文档并生成文档树（document tree）,它必须分配树中的每个元素,适用于目标媒体类型（media type）的每一个属性值。The final value of a property is the result of a four-step calculation: the value is d

2013-12-05 14:25:52 2015

原创《HTTP权威指南》读书笔记---cookie

cookie是当前识别用户，实现持久会话的最好方式。分为两种1）会话cokkie；临时cookie，记录用户访问站点的设置和偏好，用户退出浏览器时，自动退出。 2）持久cokkie 生存期长一些，储存在硬盘里，浏览器退出，计算机重启时他们仍然存在。他们两唯一的区别就是过期时间。当你用360清除cookie时，

2013-08-28 15:37:54 2326

原创第二次练习总结

文字下划线作业要求：文字变长，下划线变长。（有两个下划线，一个是div的，一个是p的）关键点float:left;列表一般都会想到用一些选择器让最后一个的border:none；这里提示另一种用法。负margin(所以要用border-top,margin-bottom也行，但是要考虑到两者的区别)。ul{overflow:hidden},li的高度也是关键

2013-05-29 12:09:20 1799

原创 nav练习总结

要求完成附件中的导航效果，中英文切换效果要求兼容所有浏览器；动画过渡效果高版本浏览器实现即可。第一个版本之sunorry第一个版本是用CSS Sprite实现，首先我制作的如下图片。其中要注意的是图片必须确定每个导航栏的宽度高度。实现过程外部div设置宽度，高度（高度为图片的一半，以便挡住下方）；div里包括ul和li,a，然后使用text-indent: -2

2013-05-13 20:21:48 2237

原创 CSS margin研究

只有垂直方向才会出现margin重合body{ background: #CCC; } div{ background-color: blue; } p{ margin: 20px; background: red; color: white; }IE6和Chrome的表现效果是一样的。都是下面的样子。为什么不是下面这样

2013-05-06 12:16:40 2256

原创《HTTP权威指南》---Web主机托管

前言对内容资源的存储，协调以及管理的职责统称为Web主机托管。一般用户不会自行管理服务器所的软硬件，所以会采取主机托管服务。接下来我们来看一下二个问题不同网站如何被“虚拟地托管”在同一个服务器上，这样会产生什么样的影响在很大流量压力下，如何确保网站更可靠主机托管服务现在很多人都有自己的网站，但很少有人来搭建自己的带有空调的服务器机房，注册域名，或购买网络

2013-02-26 23:18:35 2456

翻译 CSS shorthand properties(CSS 缩写性质)

第一次自己试着翻译。①fontfont-size: 1em;line-height: 1.5em;font-weight: bold;font-style: italic;font-family: serif;可替换成 font: italic bold 1em/1.5em serif;其设置顺序是font-style,font-variant,font-wei

2013-02-25 22:09:06 3020

原创《HTTP权威指南》---http访问描述

当在浏览器地址栏输入网址后，先是进行解析协议，就如前面说的http,https,ftp等协议。接下来就是查看缓存（可以参见我这篇博客），简单来说，如果之前没有访问过就下载网页文件。未完待续。

2013-02-23 20:42:21 2097

原创《HTTP权威指南》读书笔记---集成点

HTTP已经成为应用程序开发者的一种基本构造模块，开发者们可以在HTTP上捎回其他的协议内容（比如，可以将其它协议的流量包裹在HTTP中，用HTTP通过隧道或中继方式将这些流量传过公司的防火墙）。Web上所有的资源都可以使用HTTP协议，而且其它应用程序和应用程序协议也可以利用HTTP来完成他们的任务。下面介绍开发者用HTTP访问不同资源的方法。网关要在Web上发布更复杂资源的需求出

2013-01-24 12:24:21 2845 5

原创《HTTP权威指南》读书笔记---缓存

概述 Web缓存可以自动保存常见文档副本的HTTP设备。当Web请求抵达缓存时，如果本地有“已缓存的”副本，就从本地存储设备而不是原始服务器中提取这个文档。使用缓存的优点减少了冗余的数据传输缓解了网络的瓶颈的问题（不许更多的的带宽就能更快加载）降低了对原始服务器的要求降低了距离时延如何做到 1.多名用户访问原始服务器页面时，服务器会多次传输同一份文档，相同的字节会在

2013-01-14 01:39:20 3664

原创《HTTP权威指南》读书笔记---Web服务器，代理

Web服务器Web服务器会对HTTP请求进行处理并提供响应。Web服务器实现了HTTP和相关的TCP链接处理。它主要会做以下几件事情建立连接——接受一个客户端链接，或者如果不希望与这个客户端建立连接，就将其关闭接受请求——从网络中读取一条HTTP请求报文处理请求——对请求报文进行解释，并采取行动访问资源——访问报文中指定的资源构建响应——穿件带有正确首部的HTTP响应报文发

2013-01-11 00:40:00 3084

原创《HTTP权威指南》读书笔记---TCP/IP

TCP（Transmission Control Protoal）传输控制协议IP（Internet Protoal）网络之间互联的协议HTTP连接是HTTP报文传输的关节通道，几乎所有的HTTP通信都是由TCP/IP承载的。TCP/IP是全球计算机及网络设备都在使用的一种常用的分组交换网络分层协议集。客户端程序可以打开一条TCP/IP连接，连接到可能运行在世界任何地方的服务器应用程序

2012-12-16 23:17:50 2763

原创《HTTP权威指南》读书笔记---HTTP报文（研究）

来看下我进网易截取的报文GET：为请求报文的。200 OK ：响应报文中的 200 OK: 请求没有问题，实体的主体部分包含了所请求的资源。请求报文中ACCEPT：告诉服务器能够发送哪些媒体类型。ACCEPT-Encoding：告诉服务器能够发送哪些编码法式。ACCEPT-Charset：告诉服务器能够发送哪些字符集。ACCEPT-Languag

2012-12-10 22:46:26 2349

原创《HTTP权威指南》读书笔记---HTTP报文

报文组成部分1）起始行 start line 2）首部 header 3）主体 body报文语法请求报文响应报文 method(方法)客户端希望服务器对资源执行的动作。主要方法：GET 从服务器获取一份文档。这是最常用的方法，通常用于请求服务器发送某个资源。HE

2012-12-09 21:56:07 2466

原创《HTTP权威指南》读书笔记---URL

URL是浏览器寻找信息所需要的资源位置。URL提供了一种统一的资源命名方式，大多数URL都是同样的：“方案：//服务器位置/路径”EgURL语法URL提供了一种定位因特网上任意资源的手段，但是这些资源可以通过各种不同的方案（HTTP，FIP，SMTP）来访问，因此URL语法会随着方案的不同而有所不同。大部分URL都会遵循通用的URL语法，而且不同URL方案的风格

2012-11-29 20:56:08 2586

原创 Web前端之网页导航----手把手教你做导航（图，代码）

之前的文章写了很多关于导航的，感觉每个导航总有一些差别，不全面，现在就系统点，基本上每个导航都是这样写的。试验要求：做成横排的导航，用CSS，手写代码，禁止用垃圾dreamweaver（你懂得）①说明：用无序列表写出导航的几个选项，浏览器显示如左图，代码为右。下同②说明： list-style: none;是将左边的小圆点去除；float: le

2012-11-27 21:26:45 12772 2

原创《HTTP权威指南》读书笔记---HTTP概述

HTTP超文本传送协议(Hyper Text Transfer Protocol)。一种详细规定了浏览器和万维网服务器之间互相通信的规则，通过因特网传送万维网文档的数据传送协议。它是一种可靠的数据传输协议，能够保证传输的过程中不会被损坏或产生混乱。Web服务器是如何传输Web资源的？Web内容都是存储在Web服务器上的。Web服务器使用的是HTTP协议。如果

2012-11-25 17:07:27 5352

原创《HTTP权威指南》读书笔记---说明

我参加了由赵老师发起的学生资助计划。我有幸可以得到赵老师借给我的《HTTP权威指南》。所有得到赞助的同学都会写自己的读书笔记。因为我的书可能到21号才可以到，我会在25号之前更新第一篇笔记！以下是赵老师对我们笔记的一些要求，读书笔记可以是：读书笔记章节后习题的研究不解之处以及相关的研究所有关于学习笔记的内容我都会写在这

2012-11-19 18:29:14 2884 2

原创一句话给准备入行前端的同学+外加CSS遗漏知识点

以忽略css为代码，去增加学js的时间，反而会带来反效果，这是很不得要领的傻作法。css知识是js编程的基础和前提条件，css知识越好，js编程就会越得心应手。这句话是《编写高质量代码--web前端开发修炼之道》作者说的，真是一语惊醒梦中人啊！以此为鉴，好好反省自己最近的行为！下面是CSS遗漏知识点①overflow：hidden用法作用：隐藏溢出

2012-11-18 18:03:22 840

原创 Web前端之网页导航----搜导航狐邮箱（float）

原图我做的搜狐邮箱导航很简单，几十行代码搞定！就一个背景，一个li完事，这里主要说下float这个属性。①是块级元素，所以可以设置width和height，也会独占一行，用float后让其都在一行！②浮动元素会被移出文档流，不会影响到块级只会影响内联（通常是儿文本排列）。产生一个问题是：浮动元素所在父元素不会自动伸长以便闭合浮动元素，任其“红杏出墙”！重磅推荐

2012-11-06 13:35:27 1414

转载做为一名在校学生而言，从其职业发展的角度出发，在学习 Web 前端开发的时候有必要花时间兼容 IE6、IE7 这些浏览器吗？

绝对没有必要。【更新：楼下那些说有必要的，麻烦你们切题清楚点，你们自己要兼容IE6你公司可能是为此付钱给你，但是提问者还是在校生，有人付钱让他学习兼容IE6吗？】目前（2012年10月）IE6、IE7的市场占有率即使在最小白的市场，份额也下降到了25%以下。考虑你还是在校生，意味着你进入可以承担较为独立的工作岗位时，至少还有2年以上时间，届时IE6、7的占有率估计至少将跌至10%以下，

2012-11-06 13:05:48 891

原创 Web前端之网页导航----126邮箱(关于position)

原图我做的这里主要讲讲position:absolute;和position:relative;①这里先看两个标签，,他们是html5标签，标签定义文档的页眉（介绍信息），标签定义导航链接的部分。我觉得html5也没什么，就是标签更语义化了？我不懂，乱说的，呵呵。②126logo和右边的“你的专业单子邮箱”都是用图片代替文字，右边的使用background-im

2012-11-01 22:29:33 1986

原创 Web前端之网页导航----创新工场

按惯例，先来张原图这是我做的①先从它的背景来说，之前做的豌豆荚使用background: #F2F2F2;但是你仔细看创新工场的上下不一样，是不是看上去很不一般，它的原理其实很简单background: url(header.png) repeat-x scroll left top transparent;就是一张图，图片上只有一条线，下面颜色深，然后 repeat-x，

2012-10-29 16:10:43 818

原创番外篇：自我调整

自从上周准备考六级以来，就一直不在状态。因为想着六级和JavaScript一起的，现在是弄得什么都没得到，很乱。昨晚没电，阿梁宿舍很多人，我也第一次喝了白酒，大家一起喝酒吃东西聊天，里面一哥们突然跟我说我看你一直很刻苦，总能看到我自习，呵呵，原来在陌生人眼里我是这样的，真心不敢当，他是不知道我把时间都浪费了。话说我喝了后真心很是清醒，其实我一直是知道我这种状态是不行的，可是我还是维持了

2012-10-28 10:02:30 588

原创 Web前端之网页导航----豌豆荚

先上张原图这是我做的做后基本一样，只是我没有写右边的文字。接下来我就说明下里面我遇到的知识点。 ①豌豆荚是一个链接，只是用图片代替文字而已，里面重要的一句是text-indent: -9999px;意思是将文字缩进到左边网页外，再用一个logo的class用background替换背景。 ②小细节border-bottom: 1px solid #DFDFDF;

2012-10-22 22:06:41 974

原创重回CSDN，关注前端

从现在开始，准备进军前端，现在还是菜鸟，不过我会不断更新，来使自己不断进步，加油！本人关注所有前端技术，希望半年后我会很感激今天所做的决定。

2012-10-21 22:04:53 618

原创重读《C语言程序设计》（王曙燕/主编），自我整理（下）

字符输出函数 putchar(),字符输入函数getchar() ，getch()，getche()。 gets()和puts()用于字符串的输入和输出。 ①putchar()；函数向标准输出设备（显示器）输出一个字符，eg: putchar('k') 则在显示器上输出字符k ②getchar()；从键盘上读入一个字符，并显示该字符（成为回显）。getchar()

2012-06-24 17:39:22 10193

原创重读《C语言程序设计》（王曙燕/主编），自我整理（上）

首先来说明下我是菜鸟，因为我学数据结构与算法是要用c学的，感觉c语言不是很熟练，所以决定把这这本书再看一遍，本来认为晚上自习可以看五章，结果大大出乎我意料，里面一些小知识点，还有一些基础的，或者是知道概念但是不熟悉的，三个小时自习两章没看完，我决定把那些知识点整理下。float average(float x,float y,float z) 因为a

2012-06-20 21:37:16 10530

陋室