摘要：
标题取自《css禅意花园》一书，还记得当年读此书时的情景，真的是内容和书名一样的优秀，就以此标题作为自己在该文的一种追求吧，尽管我的水平和见解都和Dave Shea相去甚远。该文算是对前两年写页面工作的总结吧，现在比较少关注css了，可能观点有狭隘的地方，同时文中也有一定的思考和理解，也许并不一定特 阅读全文
摘要：
一同事应聘TX，出了一道题，分别用1,2,3,5个标签实现红十字会图标，图标水平、垂直居中，短边50px，长边150px。如图： 其中用2,3,5个标签实现不难，略过。一个标签的我比较有兴趣，午休时间想了下，睡醒后就动手实现，代码如下： 1 div{ 2 ... 阅读全文
摘要：
网景和微软的浏览器之战早已淡去多年，最终以微软的IE浏览器胜出，特别是IE6的出现，一度成为世界浏览器的霸主，至今无人能敌。去年IE6荣获“终身成就奖”，真是实至名归。本文涉及的两个标签abbr和acronym，与这两家公司渊源颇深，让我们一起来通过它们去回顾那段风云岁月，更深入地去了解它们吧！ 从用法上来说，abbr和acronym并没有多大区别，它们作为缩写标签在HTML4.0就已经被引入。abbr缩略的范围更为广泛，可以是短语、单词首字母、甚至中文，acronym当然也都可以用，但是更精确的用法应该是用来缩写单词首字母。它们在浏览器上的表现形式主要有两点： 文本下方有类似bord... 阅读全文
摘要：
这篇文章就当进入移动web开发的宣誓稿吧，作为移动领域的门外汉，在这段时间的接触后，发现前端开发这潭水愈发的深了！不多言，进入主题。 我将从下面几个方面探讨移动web前端开发：分辨率、屏幕、手机浏览器、设计理念、响应式web开发。分辨率手机分辨率比PC分辨率要庞杂得多，各种分辨率有木有？大小差距那么大有木有？这在一定程度上给页面制作带来了不小的麻烦。所以针对这样的因素，必须有充分的考虑。我从两个方面进行思考：1) 市场上主流手机生产商的产品分辨率。经过调研发现，目前主流的手机分辨率为：480*800像素、320*480像素，而1280*720像素（720P）会是接下来的趋势。这些都是很粗... 阅读全文
摘要：
前言 在上一篇文章《我的css架构理念》中，承蒙园内的朋友们抬爱，竟然一路被推荐，让我这小小一枚前端攻城狮既意外又兴奋进而惶恐。惶恐的是资历实在有限，知识实在匮乏，相当害怕误人子弟。此真心话！但接下来我依然会坚持有时间就写写文章，既能总结，又能学到新知识，还能分享给诸位，我认为，分享---是件功德无量的事，互联网不就是因此而绚丽多彩嘛！ 上篇文章的留言里有好多朋友是对我css架构就http请求的问题提出质疑，我本想回答的，但不知道从何说起。前端性能方面的知识我了解得并不深入，囫囵吞枣地看过一两本重构的书、喜欢查查资料，看看一些大牛写的文章，觉得人家那么做有道理了，就搬过来用，林林总总的... 阅读全文
摘要：
前言做前端已有不短的时间了，在css这片领域越走越久、越走越远，回过头来看看，有很多技能知识掌握了就不会再忘了，比如无图片实现三角形、ie下如何实现半透明效果等等；但有些东西却需要在项目实战中不断地碰壁、总结，再碰壁、再总结，慢慢地去找到适合自己的方法，然后遵循这样的方法，去开发，以收到事半功倍的效果。本篇文章就属于后者，因为是站在整个css的大方向上，对于初学者或者项目实战经验不够多的同学，建议有看不懂的地方不必太介意，可以跳过，也可以留言提问。经验老道者也许也会些许吐槽，觉得跟您有出入，但是，我想说，css架构，因人而异、因项目大小而异，没有最优，只有适合！从语义化开始看《css禅意花园》 阅读全文
摘要：
昨晚在看一道面试题，发现有一部分人对css样式的优先级不是特别清楚，加之之前自己也一直在总结这个知识点，今天就利用点时间把我所了解的写下来，大家共同进步... css样式的优先级是一个庞杂的知识点，我甚至觉得它的庞杂可以与“浮动”以及“框模型”相提并论。对于本文，我思考了许久，或许可以用这么一句顺口溜来总结，即“一载二位三重要四特殊”。下面具体展开： 一、“载” 这里的“载”，是载体，即样式表。对于开发人员来说，经常涉及到的只是“载”之一，除此之外，还有两个。它们是什么呢？具体如下： 1、用户端样式表：这是浏览器默认的样式表，在遵守其规则的情况下，才有了div的原始属性是“display:b. 阅读全文
摘要：
一、哪三种格式？ 分别为：gif、jpg、png。 二、优化图像文件为何重要？ 对于访问量不高的网站而言，图像的优化也许并不会引起我们太大的关注，但是如果日访问量都在数以万计的网站，简单举例是100000，那么某张图片的大小减小3k，一个月下来就节省了9G的带宽，这不管对于同时访问该网站的用户，还是网站运营本身来说，都将减少更少的开销。 三、不得不提及的几个概念。 1、有损压缩与无损压缩 关于这两个概念，我在淘宝UED的blog上看到相关的文章，觉得很不错，链接进入图片格式与设计那点事儿。 2、色深 指某种图像格式包含的颜色的多少。用位表示，如8位色深表示256种颜色。 四、三种格式的简介 . 阅读全文
摘要：
css中让文本居中的属性很简单就可以实现，那就是设置text-align:center即可。而我这里所说的“元素”实际上是指容器，如果要有一个贴切点的标签，那应该可以用div来表示。 让元素水平居中，相信对于许多网页设计师而言都不会陌生。但是有的时候，自己就在想，为什么要让元素水平居中？是出于什么原因呢？都是一点自己的见解，蛮写下来... 首先，要让元素水平居中，就必须得了解css设计中固定布局和流式布局两者的概念。它们之间的直观区别就看是否给元素设置了宽度。下面是两段代码，用来简单地说明固定布局和流式布局的区别。 1、固定布局demo:<htmlxmlns="http://w 阅读全文
摘要：
浮动具有包裹和破坏两个特性,正因为这样，它才可以用来布局，实现丰富多彩的网页。但也因为这样，使得页面经常出现错乱，于是有了清除浮动。 那么，清除浮动都有哪些方式呢？它们各自都有什么优缺点？我们该怎么选择以得到最适合我们的清除浮动样式呢？接下来我将谈谈自己在开发中总结的一点点经验。先写下一段代码，我将用他进行说明。/*css代码*/ <styletype="text/css"> .fl{float:left;}.fr{float:right;} .clear{clear:both;} .dib{display:inline-block;}.dt{display:t 阅读全文