CSS学习经验总结 – float 浮动元素

CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能,我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限,我不能一一介绍各个 CSS 属性,具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。我这里想介绍是 CSS 里一个十分重要的属性 float。 为了讲解 float 阅读更多…

CSS学习经验总结 – CSS Hack 与浏览器兼容问题

关于浏览器兼容问题 在上一章节里最后面提过 hack 的一些写法,其实 CSS Hack 的主要目的就是为了解决浏览器兼容问题。而浏览器兼容问题也是初学者必须掌握的一个重要知识点。而作为一名合格的前端工程师,确保页面在主流浏览器中的显示一致,处理兼容浏览器问题是一门必修的基础课程。 而关于浏览器兼容问题首先需要强调的一点就是,浏览器的兼容问题不仅仅是一个单纯的技术问题,也是一个历史遗留问题。由于早 阅读更多…

CSS学习经验总结 – CSS 性能优化

关于CSS性能这个问题,接触前端开发时间长一些的朋友或多或少会有所了解。我第一次看到关于CSS性能方面的问题,是看YUI Theater 中 Steve Souders 的演讲 《High Performance Web Sites 14 Rules for Faster Page》 (视频下载地址:souders-performance.m4v)才知道 CSS 书写也要注意性能问题。 CSS 的 阅读更多…

CSS学习经验总结 – CSS 基础知识

学习 CSS 的参考资料和站点 CSS 入门并不难,我这里给初学的朋友推荐3本书:《CSS 权威指南》(第3版)、《精通CSS:高级Web标准解决方案》(第2版)和《CSS网站布局实录:基于Web标准的网站设计指南》(第2版)。这3本书你只要认真的看完,CSS 是做什么,可以做什么?CSS 的强项是什么?什么时候应该让 CSS 来处理来提高 Web 程序的性能?浏览器的兼容问题要怎么处理?你应该都 阅读更多…