daiyan_csdn的博客

前言 http://www.cnblogs.com/tim-li/archive/2012/07/09/2582618.html 接触html、和css时间也不短了，但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决，但总不是个事，所以今天特地探索了下css+div的绝对定位和相对定位和文档流的关系

如何在网站上进行流量统计呢，可以找第三方服务网站去注册，但也可以在网站上直接添加代码，只需将以下代码copy到你的网页中，复制到之前就可以啦！是不是很简单啊！var caution = falsefunction setCookie(name, value, expires, path, domain, secure){var curCookie = name + "=" +

一、抛一块问题砖（display： block）先看现象：    分析HTML代码结构：?12345div class="outer">    div class="div1">1div>    div class="div2">2div>    div class=

CSS清除浮动方法集合一、浮动产生原因   -   TOP一般浮动是什么情况呢？一般是一个盒子里使用了CSS float浮动属性，导致父级对象盒子不能被撑开，这样CSS float浮动就产生了。浮动产生样式效果截图本来两个黑色对象盒子是在红色盒子内，因为对两个黑色盒子使用了float浮动，所以两个黑色盒子产生了浮动，导致红色盒子不能撑开，这样浮动就产生了。

做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。可是啊，现实太残酷，浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协，虽然这只是个别情况。今天，结合自己的经

以下是个人总结不完全的快捷键总汇，祝愿各位顺利解放自己的鼠标。选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。Ctrl+S

网页头部SEO优化:Meta标签参数详解http-equiv和name 本文转载自web前端寒风:http://www.uedcss.com/post/webmeta是用来在HTML文档中模拟HTTP协议的响应头报文，META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。http-equiv属性详解:　　1、＜meta http-equiv

常用默认端口号 网络层---数据包的包格式里面有个很重要的字段叫做协议号。比如在传输层如果是TCP连接，那么在网络层IP包里面的协议号就将会有个值是6，如果是UDP的话那个值就是17---传输层。 传输层---通过接口关联(端口的字段叫做端口)---应用层。 用netstat –an 可以查看本机开放的端口号。 代理服务器常用以下端口： （1）. HTTP协议代理服务器常用端口号：80/8080/

转自：http://blog.csdn.net/gueter/archive/2007/03/08/1524447.aspxAuthor :Jeffrey引言HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HT

1. 前言Web端即时通讯技术因受限于浏览器的设计限制，一直以来实现起来并不容易，主流的Web端即时通讯方案大致有4种：传统Ajax短轮询、Comet技术、WebSocket技术、SSE（Server-sent Events）。本文将简要介绍这4种技术的原理，并指出各自的异同点、优缺点等。2. 概述1996年IETF  HTTP工作组发布了HTTP协议的1.0版本 ，到现在

趁着一点闲暇时间，把HTML5的新增标签整理了一下，用了表格的形式展现，分别归纳了各标签的用法及属性分析。这样方便各位以后在运用HTML5标记遇到疑惑时，直接上来对照看下就明了了，希望对大家有帮助哦。标签标记意义及用法分析/示例属性/属性值/描述定义独立的内容，如论坛帖子、报纸文章、博客条目、用户评论等内容。支持HTML5的全局属

选项卡，也称页签，英文用Tab(Module-Tabs)表示。Tab将不同的内容重叠放在一个布局块内，重叠的内容区里每次只有其中一个是可见的。Tab可以在相同的空间里展示更多的信息，它把相似的主题分为一类，用户更好理解。Tab的应用可以缩短页面屏长，降低信息的显示密度，同时又不牺牲信息量。在这种趋势下，Tab这种交互元素成为了一个越来越普遍的应用。Web里Tab可能最早

现在写一段 CSS 3 代码需要同时写上不同的浏览器私有前缀，例如：-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);-o-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);box-shadow: 0 2px 3p

对一些开发者而言，WebKit就是一个黑盒子。丢进去HTML、CSS、JS等一连串的东西，而WebKit就能变魔术一般显示出一个很棒的网页出来。实际上，正我的同事IlyaGroriks提到的:  WebKit不但是白盒，而且是一个开放的白盒。让我们花点时间来理解以下这些问题:什么是WebKit? 什么不是WebKit? 浏览器是如何使用WebKit的? 为什么W

经常和网站打交道或者经常建站的朋友对iframe肯定不陌生，网站有了iframe会变得更加美观、大气。对于初涉互联网的新手来说，iframe并不熟悉，那么iframe到底是什么？iframe用法有哪些呢？ iframe用法： iframe是什么？ iframe就是我们常用的iframe标签：<iframe>。iframe标签是框架的一种形式，也比较常用到，iframe一般用来包含别的页

global.css | reset.css（格式化样式） common.css（公共组件样式） layout.css（当前页面样式）清除全站所有页面的浏览器默认样式，保证在初始样式在所有浏览器下一致。common.css（公共组件样式）一般一个网站所有页面头部、底部样式都是一致的，而且很长时间不会有大的改变，改变的大概就是产品、运营的经常需要添加、去掉某些入口的需

首先谈谈!important问题的引起（盒模型问题）:      在CSS标准中，一个盒模型包括4个区，分别是：内容、内边距（padding）、边框（border）和外边距（margin）。而Width宽度的计算，CSS有它的标准。但是实际上，不同的浏览器的表现却不同。比如，   Firefox（FF）是准确按照CSS标准：width为内容的宽度，也就是说：    层的宽度 = width

最近在恶补css样式表的基础知识。上次研究了css样式表之冲突问题详解。这次是对 css 继承 特性的学习。什么是css 继承？要想了解css样式表的继承，我们先从文档树（HTML DOM）开始。文档树由HTML元素组成。文档树和家族树类似，也有祖先、后代、父亲、孩子和兄弟^_^。这很容易理解吧，笔者在这里就不一一赘述了。希望深入了解的朋友请google之。那么CSS样

在如今这个提倡可用性设计以及用户体验设计的网络时代，CSS也是要一同参与其中的。大部分人在CSS代码编写中总是先对整体定义字体尺寸，中文情况下一般为12px，而其实这样以来在通过IE顶部菜单中的“察看-文字大小”设置已无任何作用。对字体感觉太小的浏览者而言无疑是种很不好的用户体验过程。其实这一切都可以避免，那就是使用em单位作为字体显示单位。浏览器的默认字体高都是16px，所以未经调整的浏

你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？……写css，你少不了与margin打交道，而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打

CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z-index 的值设得很大也未必能将节点显示在最前面. 本文将通过一些例子对 z-index 的使用方法进行分析, 并且为各位带入 z-index 层级树的概念.这个星期

目前，网络上各大论坛，尤其是一些图片类型的网站上，在图片加载时均采用了一种名为懒加载的方式，具体表现为，当页面被请求时，只加载可视区域的图片，其它部分的图片则不加载，只有这些图片出现在可视区域时才会动态加载这些图片，从而节约了网络带宽和提高了初次加载的速度，具体实现的技术并不复杂，下面分别对其说明。首先，在页面中准备一个id为div1的div,在这个div中放一个ul,ul中准备了一些li,然

原文地址：http://www.iteye.com/topic/545971jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发

jQuery中 trigger() & bind() 使用心得     trigger(type) 在每一个匹配的元素上触发某类事件。 返回值:jQuery参数:type (String): 要触发的事件类型 示例:$("p").trigger("click") 1.trigger() 触发事件   这个方法是jQ

Content-Encoding是HTTP协议的响应报文头，一般形式如：Content-Encoding：gzip,deflate,compressContent-Encoding的说明中指出deflate指的是在RFC1950说明的zlib格式。也就是说当Content-Encoding为deflate时，内容应该为zlib格式。compress具说chrome支持，但还