寒风问雪的专栏

by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=2416 一、温故知新 之前有专门介绍过如何使用类似fontforge软件制作自定义字符字体以及如何在web中实际应用。 不过，文中提到的是利用系统自带的一些特殊字体，如WINGDNG3.ttf字体。

10/12. 2011 1, IE条件注释法，微软官方推荐的hack方式。 只在IE下生效 这段文字只在IE浏览器上显示 只在IE6下生效 这段文字只在IE6浏览器上显示 只在IE6以上版本生效 这段文字只在IE6以上版本IE浏览器上显示 只在IE7上不生效 这段文字在非IE7浏览器上显示 非IE浏览器生效 这段文字只在非IE浏览器上显示 2, 选

Posted by Kejun on 2011/10/26. 119 comments. 这两天大概面了5、6位应届的同学，最后往往忍不住聊的多了些，有点开复老师的感觉了。归纳下来有几个突出的问题。 1. 在公司实习学不到技术，学到的只是做事的方式 这些做事的方式（或者说技巧）有些是必要的，比如沟通方面。但更多是没有价值的，比如大公司繁琐的流程，各种毫无道理的开发规范，拖

前几天看到kejun‘s blog里面的一篇文章：“近期面试感受”，里面提到面试时的一道题的不同的解决方案，比较它们之间的优缺点，其中出现了一个概念：Block Formatting Contexts(块级格式化上下文)，而我一点印象都没有，所以就找了一些相关的文章学习一下，看到一篇很好的文章，所以就翻译出来和大家共享一下。原文是：Block Formatting Contexts 一个

自从完成上次iPhone的几个页面效果后，一直在没有制作iPhone的页面效果了，今天在公司写了一个登录页面效果，让我碰到一个怪异的问题——“表单中的input[type="submit"]和input[type="reset"]按钮在iPhone的safari浏览器下圆角有一个bug”。下面我来简单的描述一下这个bug的样子： 初载入页面后，表单中的input[type="submit"]和i

经历了将近2个月的时间，宝贝详情的改造终于完成，已经在前段时间上线了，接下来总结一下在项目过程中前端的一些实现。     提示：css3的属性目前浏览器都只要加私有前缀才能支持（如firefox：-moz，chrome & safari & android & ios：-webkit，opera：-o等）       元素宽度自适应     之前做pc端的时候写过一篇宽度自适应

长期写网站css，尤其是大型网站的人应该都有一个体会，就是希望把css更有条理、有组织的写出来。让自己的css更加标准化。这样不但方便查看，尤其是在网站做进一步拓展开发时，显的尤为重要，减少很多开发工时，也将更便捷。 今天看了一篇相关的国外文章，里面举了一些方法很实用，结合国内的实际情况，整理了一下，来跟大家分享，希望能帮到大家规整化自己的css。有更好建议的朋友也欢迎指出，共同进步。

制定本规范的目的在于使我们的CSS代码更加易于维护和重用，从而提升效率执行本规范时建议的流程 建议使用D(esign)C(oding)D(ebug)V(alidate)R(oundup)，即DCDVR的流程。首先需要规划样式并分为共有样式和页面个性化样式，然后才开始编码，编码的同时进行Debug，Validate和代码片断的总结，而不是在所有模板都完成后才进行这三个步骤。本规范概述 一、关于

分类: Alice 文档库发表评论↓ 是否记得这样的试题？用一套同样的HTML结构，生成不同 的视觉效果。CSS 的最大好处就是，灵活。比如同样的HTML结构，可以实现不同的外观；又比如，同样的外观，可以用不同的方式不实现。但灵活的同时也给我们带来麻烦。团队 协作时，大家的编码风格各异，其他人要看懂/debug的成本也因此提高。这时，我们需要一个规范，一个像红灯亮起我们就不能擅闯的规范。

作天在变卖大学书籍时也不晓得怎么的就想起语义化这个概念，于是乎也就花点时间搞搞它。语义化标记对于刚学web前端脚本语言的童鞋来说往往都没太 在意，哇哈哈，其实我也就算只比较老的菜鸟而已，本文不是说教，只是分享有关语义化的一些东西。 那什么是语义化呢？ 首先抽象的说下语义（Semantic）的概念：“语义可以简单地看作是数据所对应的现实世界中的事物所代表的概念的含义，以及这些含义

学习网页标准也有一段时间了，不知道自己的水平到底怎么样，下面可以通过W3C提供的网页标准验证来检验一下你的水平啦！ css验证地址： http://jigsaw.w3.org/css-validator/#validate-by-uri 这个css验证还是中的呢！如果通不过验证，会指出哪些地方出了问题。 XHTML验证： http://validator.w3.org/ 和cs

W3C validation有时难以操作，但用它你可以查看由版面设计引起的差错。验证程序抛出大量差错和警告，说明你的XHTML尚未完善，可能无法在不同浏览器上保持一致功能。下面十个细微的失效问题难住了大批程序员，我们告诉你如何解决。在本文开始前介绍一些使用W3C验证程序时需要注意的问题。 不要担心验证程序的警告——如果验证程序说发现12处错误以及83处警告，不要理它，继续进行下一步。

什么是CSS Float？ float 是 css 的定位属性。在传统的印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中，应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了，就像印刷布局里面的文本框被设置为

CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。 以下是几种常用前缀 -webkit -moz -ms -o 举例来说，一个CSS3旋转的代码是： -webkit-transform: CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。 以下是几种常用前缀 -webkit

CSS学习笔记之权重（选择器的优先级数）： 权重：就是优先级的等级 数字化的话 #id 权重   100 .class  权重  10 div(html标签) 权重 1 #test div p{  color : red } div .cls{  backgroundColor:blank;  color : white; }

"!important"是什么？ 第一个，是设置样式的优先级，设了!important的样式的属性优先于id选择器和class选择器。，比如id为"Main"的div在它的Class设背景色为红色，，id选择器下又设了背景色为蓝色，照css的"就近原则"，它的背景色应该是红色了，因为id选择器的优先级高于class选择器，但是，一旦class里设了"!important",哈哈，id，一边去

by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=2732 一、这是篇经验分享 就算不是果粉也应该知道，iPad2与new iPad的重大区别之一就是显示屏的分辨率。new iPad显示屏被称之为“视网膜显示屏”，其设备分辨比（之前有详细介绍，点击这里查看）是i

2012年11月1日 随着iPad的盛行，很多人开始在iPad上看网页，对于携程这样一个旅行网来说，日历控件的使用是必不可少的，然后目前使用自定义的日历控件在iPad上会影响用户的操作（使用input文本框来模拟实现，会弹出键盘导致日历弹出层被覆盖等情况）。解决的方法肯定会有，而且方法应该也挺多的，但对于JS能力不强的我而言，想到的是利用HTML5中的input日历属性值。 最初在

如今的屏幕分辨率，小至320px(iPhone)，大到2560px甚至更高(大显示器)，变化范围极大。除了使用传统的台式机，用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下 英文原文：responsive design with css3 media queries          如今的屏幕分辨率，小至320px(iPhone)，大到2560

CSS3 离我们越来越近了。尽管，很多人指出CSS3这样那样的缺陷，如标准还没有最后完善、浏览器的支持也不够全面。但是，有哪次变革毋须阵痛呢？技术的革新是大势所趋，早点熟悉它绝对没      CSS3离我们越来越近了。尽管，很多人指出CSS3这样那样的缺陷，如标准还没有最后完善、浏览器的支持也不够全面。但是，有哪次变革毋须阵痛呢？技术的革新是大势所趋，早点熟悉它绝对没有坏处。

在写样式的时候，iphone会有一些默认样式，比如 背景竟然是比较灰，并不黑。 使用-webkit-appearance:none可去除系统默认的样式 关于-webkit的一些介绍： 转载自：http://www.playgoogle.com/post/61.html WebKit是Mac OS X v10.3及以上版本所包含的软件框架（对v10.2.7及以上版本也可通过

从CSS代码存放位置看权重优先级：内嵌样式 > 内部样式表 > 外联样式表。其实这个基本可以忽视之，大部分情况下CSS代码都是使用外联样式表。 从样式选择器看权重优先级：important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符。 important的权重为1,0,0,0ID的权重为0,1,0,0类的权重为0,0,1,0标签的

一、base64百科 Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一，可用于在HTTP环境下传递较长的标识信息。 某人： 唉，我彻底废柴了，为何上面明明是中文，洒家却看不懂嘞，为什么？ 好吧，我也不喜欢专业术语的解释。你只要知道，base64编码就是长得像下面这样子的代码： thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS