CSS/HTML -- IT技术博客大学习 -- 共学习共进步！

• 关注前端开发流程

流程，通俗来讲，就是许多人，在做一系列的事情时，怎样相互协调，安排好这一系列事情的先后顺序，有什么事先的约定，需要达到怎样的预期目标。在UED里，前端同学需要处理的需求比较多，早些时候，前端这里的开发流程还是比较模糊的，UED以外的同学也不清楚这边的工作具体是怎样进行的，所以难免会有需求插队的情况发生，打乱了大家的计划，因此今年Q3的时候，在与SCM团队同学的共同努力下，形成了一个前端的ASSETS发布流程。这...

• 揭秘HTML5和CSS3【珍珠奶茶帮】

分享人：空雁互联网的发展总是在不断地催生新技术的产生，而HTML5和CSS3是最近一直被讨论的热门话题，对于每个互联网开发者尤其是前端开发者而言，都充满了好奇与渴望。那么HTML5和CSS3究竟有哪些让我们眼前一亮的东西呢？我在WebRebuild北京交流会和珍珠奶茶帮上给大家分享了《揭秘 HTML5和CSS3》，PPT在这里： http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8 HTML5 HTML 5草案的前身名为Web Applications 1.0，于2...

• 三谈 Web 默认字体

最近疯狂测试 reset.css, 第一个首要测试点就是默认字体。前不久秦歌的帖子和我的再谈，收到了很多朋友的反馈。重新整理了下，请先仔细查看测试页面： web-default-font.html 1. Tahoma 字体的问题，小麦总结过。在 IE6 下，Arial 字体在下划线的显示上的确略有优势，甚至有神奇的魔数 1.231 来让中英文对齐。但除了 IE6, 其它浏览器下，Arial 表现并不好。考虑门户网站的设计趋势，链接加下划线的形式，已逐步去掉，比如 YAHOO 首...

• 再谈 Web 默认字体

秦歌这篇文章总结得很不错，俺挑刺来啦： 1. 优先级的描述不严谨，有 !important 时，网页样式可以覆盖用户自定义样式。用户!important > 网页!important > 用户 > 网页 > 浏览器默认。 2. Tahoma 字体从 Win95 就有了，并且从 Win2000 开始，Tahoma 成为 Win 英文系统的默认字体。2007 年，在 Mac OS X v10.5 (Leopard) 中也开始内置 Tahoma 字体。至今，普及性还是相当不错的。 3. Google, YAHOO 等网站，首选 A...

• 色板 -- 颜色收集

色板 -- 颜色收集

• IE6 bug: 消失的绝对定位元素

此BUG最初是在《前端观察》网站刊登，这里再描述一下，代码如下.......

• ClassName的长命名 VS. 短命名(懒懒交流会记录)

源自2009.11.26懒懒交流会的PK堂，收获甚多，故作此记。 PPT链接说实话，看到这个题目时我觉得这有什么好讨论的，肯定会是场一边倒的讨论。因为个人比较倾向于短命名，简单优雅，可能是出于程序员的洁癖，容不得任何冗余的东西。(和我一个想法的人应该不在少数吧

• 定位相关的怪异问题

事物绝非十全十美总有强差人意的一面，之前针对浮动分析了其引起文本重影的怪异问题，而作为浮动布局的最佳搭档定位布局也存在一定的缺陷。

• borderl:none;与border:0;的区别

这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，borderl:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。

• 默认Web字体样式

通常用户看到的页面的样式会受到三层控制，第一层是浏览器的默认样式，第二层是网页定义样式，第三层是用户自定义样式。和CSS一样，后面的优先级高于前面的，也就是说网页定义样式可...

• 自适应圆角

前言有时候我们不得不面对圆角，也很傻很天真的认为利用 CSS3 的新特性对浏览器分级支持是最好解决方案，但现实≠理想… 需求 3px 圆角宽度自适应（随字数扩展宽度并自动换行）方便

• 定位相关的怪异问题

事物绝非十全十美总有强差人意的一面，之前针对浮动分析了其引起文本重影的怪异问题，而作为浮动布局的最佳搭档定位布局也存在一定的缺陷。围绕着定位列出的种种问题，对某些情况只是作出了分析而暂时没有找到有解决方案，但既然知道问题所在，我们可以尽可能的采取其它措施避免这现象。

• border:none;与border:0;的区别

这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，borderl:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。

• 改善IE6中a与a:hover的背景支持

在IE6中背景属性加a与a:hover两者的伪类结合，在正常逻辑下为何不起作用？测试这问题存在IE6及以下浏览器，这问题我经常遇到在之前一直采用其它方法取而代之，现在找到了另一种解决。以导航为例，下面的代码完全符合CSS的逻辑，理论上应该是”a:hove的背景图片”结合”a.nav_1的背景定位” 而得出预想的结果，但IE6却异常地只显示背景图片而没有对上背景坐标Demo（请使用IE6与IE6以上浏览器作对比）。

• 用CSS 3将我们带入下一个高度吧！

“CSS 3 不是新事物，更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里，已经准备好了首次登场，呷着咖啡，等着浏览器来铺上红地毯。你看，浏览器需要跟上了……”

• Reflow

在CSS规范中有一个渲染对象的概念，通常用一个盒子（box, rectangle）来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个： * 构造frame, 以建立对象树（DOM树） * reflow, 以确定对象位置，或者是调用mozilla的Layout（这里是指源码的实现） * 绘制，以便对象能显示在屏幕上总的来说，reflow就是载入内容树（在HTML中就是DOM树）和创建或更新frame结构的响应的一种过程。要提高页面性能，其实就是避免...

• IE中选择符的4095限制

去年曾总结了《IE对CSS样式表的限制和解决方案》中限制的第4条写道“一个CSS文件的不能超过288kb？”，这是一个疑问句，当时没有重现出来且参考来自Internet Explorer CSS File Size Limit。今天终于...

• CSS实现HTML元素透明的那些事

CSS3草案中定义了{opacity: | inherit;}来声明元素的透明度，这已经得到了大多数现代浏览器的支持，而IE则很早通过特定的私有属性filter来实现的，所以HTML元素的透明效果已经无处不在了。首...

• 网站重构到底是什么，网站重构到底要多久

前不久听到这样一个面试的故事：面试官：你准备在我们公司做些什么事情？（大致这个意思）面试人：我准备在公司做网站重构，把原来是table的页面全部重构成css+div的，...面试官：不好意思，我们的网站都是css+div的，不需要重构了。面试人：...(无语了)自从2004年阿捷翻译了《网站重构》这本书，网站重构这个词就慢慢的必成了css+div，甚至等同起来，一些朋友把标准跟重构也混淆了，css+div跟标准也混淆了。这里有很多误读的成份...

• li并行显示

li并行显示