Daisukes的博客

Bugs及解决方案列表（以下实例默认运行环境都为Standard mode）：如何在IE6及更早浏览器中定义小高度的容器？方法：#test{overflow:hidden;height:1px;font-size:0;line-height:0;}IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高如何解决IE6及更早浏览器浮动时产生

@ font-face的是一个CSS规则，允许你输入自己的字体出现在网站上，即使在特定的字体在访问者的计算机上没有安装。这条规则最重要的是，它为设计师打开了一个全新的世界。您可以使用任何你喜欢的字体。为什么它是真棒就像我说的，@ font-face的打开一个全新的世界。现在，我们能够以一种全新的方式使用排版。这就是为什么你看到这么多独特的网站上的字体排版的网页设计元素和更高的集成度。此

cookie在jquery中有指定的cookie操作类，下面我先来介绍我们在使用cookie操作类时的一些问题，然后介绍正确的使用方法。使用JQuery操作cookie时 发生取的值不正确的问题：结果发现cookie有四个不同的属性: 名称，内容，域，路径 代码如下复制代码$.cookie('the_cookie'); // 读取 cookie

在前端面试中最常见的问题就是页面优化和缓存（貌似也是页面优化），被问了几次后心虚的不行，平然平时多少会用到一些，但突然问我，很难把自己知道的都说出来。页面优化明显不是一两句能够说完的，这两天总结了一下CSS相关的优化知识，写篇博客梳理一下，还望大家多多指教关于CSS的优化工作主要从两个方面着手网络性能：把CSS写到字节数最少，加快下载速度，自然可以让页面渲染的更快一些语法性能：同样都能

出现的背景在很久之前的浏览器，还是Netscape Navigator和 Microsoft Internet Explorer的时候，页面主要就是为这两个浏览器写的。但是到了今天了，firefox、chrome、opera等浏览器的兴起，再加上W3C创建了web标准。本来要是早统一标准，我们就不用为一个浏览器兼容的问题搞得头昏脑涨。但是一些网站还是主要为之前的Netscape和Microso

语法： selector{ sRules }说明：选择不同的浏览器及版本尽可能减少对CSS Hack的使用。Hack有风险，使用需谨慎通常如未作特别说明，本文档所有的代码和示例的默认运行环境都为标准模式。一些CSS Hack由于浏览器存在交叉认识，所以需要通过层层覆盖的方式来实现对不同浏览器进行Hack的。简单列举几个：* html .test { colo

CSS技巧和经验列表（以下实例默认运行环境都为Standard mode）：如何清除图片下方出现几像素的空白间隙？方法1：img{display:block;}方法2：img{vertical-align:top;}除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的和值都

@media：：[[',']*]?：[only | not]? [and ]* | [and ]*：'('[:]?')'取值：：指定设备类型。媒体类型包括：参阅媒体类型。(CSS2)：指定媒体查询使用的媒体特性。这类似于CSS属性，如：max-width:960px。(CSS3)说明：指定样式表规则用于指定的媒体类型和查询条件。

元素选择符 Element Selectors选择符名称版本描述*通配选择符(Universal Selector)CSS2所有元素对象。E类型选择符(Type Selector)CSS1以文档语言对象类型作为选择符。E#myidid选择符(ID Selector)CSS1以唯一标识符id属

注：原文为2000年该文件多，当谈到编写CSS是快速改变。本指南是不是在浏览器的渲染管线瓶颈的精确表示。特别是对于选择器，读取CSS选择器性能变了！（为了更好的），一个更近服食。为了提高CSS的速度，调查回流（布局）和油漆的提高成本。本文档提供了有关如何编写高效的选择优化CSS代码，更具体的指导方针。CSS规范没有规定浏览器都必须如何实现风格的系统，只是它必须做什么。正因为如此，不同风格的

语法：transform：none | +transform-function list:matrix() = matrix([,]{5,5})matrix3d() = matrix3d([,]{15,15})translate() = translate([,]?)translate3d() = translate3d(,,)translatex() = tr

Chrome浏览器(webkit)::-webkit-input-placeholder { color: #999;}注：webkit下在文本框获取焦点后不显示placeholder，以便使其与其他浏览器表现一致:focus::-webkit-input-placeholder { color: transparent !important;}Firefox浏览器

Example：CSS鼠标手型效果 CSS鼠标手型效果Example：CSS鼠标手型效果 CSS鼠标手型效果注：pointer也是小手鼠标，建议大家用pointer，因为它可以兼容多种浏览器。Example：CSS鼠标由系统自动给出效果 CSS鼠标由系统自动给出效果Example：CSS鼠标十字型 效果 CSS鼠标十字型 效果Example：CSS鼠标I字型效果 CSS鼠标I字

定义：设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。使用自定义图像作为光标类型，IE, Opera只支持*.cur等特定的图片格式；Firefox, Chrome, Safari既支持特定图片类型也支持常见的*.png, *.gif, *.jpg等图片格式。cursor的属性值可以是一个序列示例代码：:link,:visited{ cursor:u

移动端经常会遇到屏幕被撑开的情况，下面是一些解决办法：方法一：你定死表格的宽度，即给表格一个宽度值（是数值，不是百分比）  方法二：强制不换行div{//white-space：不换行;normal 默认;nowrap强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象white-space:nowrap; }方法三：自动