CSS - 随笔分类 - 豆豆の爸爸

Google Chrome 浏览器中 font-size < 12px 没有效果

摘要：原贴在：Font-size Google Chrome 中对元素设置CSS的font-size属性值时发现，小于12px 没有效果。本人使用了 7.0 最新版本进行的测试(OS为：Windows X... 阅读全文

posted @ 2010-08-30 16:39 豆豆の爸爸阅读(6848) 评论(3) 推荐(0) 编辑

摘要：《精通CSS：高级Web标准解决方案》的第1版是在2007年时精读的CSS应用层面的技术书，仅仅通过这一本书就进入了这个行业。三年来，这本书一直都放在办公桌上以备着随时翻阅。而 CSS 2.x 及 CSS 3 在兼容性上的麻烦不断增加，浏览器厂商在新版本搞的私有属性，对实现跨浏览器的 Web 设计的专业前端开发人员来说，却一直折腾得痛苦。第2版本人已快速阅读完了，这本书总结了三年来业界前沿顶尖设... 阅读全文

posted @ 2010-07-14 15:51 豆豆の爸爸阅读(876) 评论(1) 推荐(1) 编辑

修复IE 8 表单中的 button 元素点击时背景图像的CSS 问题

摘要：解决方法是参见：《Fixing the IE8 Form Button with Background Image On Click CSS Bug》中的第3种解决方法。CSS 源代码如下：为什么会选... 阅读全文

posted @ 2010-04-13 16:54 豆豆の爸爸阅读(1328) 评论(0) 推荐(0) 编辑

[草稿]从《精通CSS(第2版)》中带来的思考(一)

摘要：是在图灵《精通CSS(第2版)》中译书中看到的。呃，网页设计的内容如：页面宽度1080不是很关注的。我关注的有：Reset CSS。 Reset CSS CSS大牛麦耶著名的 Reset CSS 之... 阅读全文

posted @ 2010-01-02 12:36 豆豆の爸爸阅读(360) 评论(2) 推荐(0) 编辑

Google Chrome 4.0.237.0 的 Developer Tools 初体验

摘要：Google Chrome 浏览器的 Developer Tools 现在的功能完善到足以与 firebug 相当了。作为 web 开发人员的我们现在有理由把 firefox 放弃而改投 google ... 阅读全文

posted @ 2009-11-13 00:23 豆豆の爸爸阅读(538) 评论(2) 推荐(0) 编辑

谈谈 Opera 的表现

摘要：前面的废话本人似乎不太谈论自己已经掌握的内容，感觉就像是夹菜的筷子属于人们身体的一部分那样。这篇贴文一改以往的“学习笔记”。 Opera浏览器也似乎挺低调，与其他浏览器的高调相比，感觉国内没有多少 ... 阅读全文

posted @ 2009-11-07 16:09 豆豆の爸爸阅读(500) 评论(2) 推荐(0) 编辑

《高性能网站建设指南》书评

摘要：这本译书的副标题是：前端工程师技能精髓。其实副标题应该是：14条让网站加速的“黄金定律”。这本书可谓是字字珠玑，虽内容很薄但层次很高级。它的作者： Steve Souders 说他在服务端开发领域中编程性能已做到极致了，这说明作者在服务端开发的领域已淫浸N久，到了无以复加的境界(可以了解国内的前端开发比国外的差距)。书中的14条“不二”规则是作者多年经验积累所得，这可不是一般人能告诉你的啊。因为前端开发的发展不长，能总结出这些条例规则的人，必须要有作者这样的高度和深度。绪言B HTTP协议的知识内容着实恶补了下。HTTP的相关书在国内是不多见的，所以不错的喔！该书适合所有Web开发人员认真仔细阅读全文

posted @ 2009-09-14 20:05 豆豆の爸爸阅读(600) 评论(2) 推荐(1) 编辑

发现 IE mobile 的CSS 文本颜色 Bug

摘要：在项目开发中发现手机 Windows Mobile 中 IE mobile版的 CSS 有文本颜色继承的Bug：在body中设置的color 在 td 元素中文本颜色不能继承此设置。在这儿，body 是td中的父元素。解决方法是：在td中设置color文本颜色。此Bug暂时只在IE Mobile版发现，Firefox 和 IE 的桌面版本都没有此 bug。阅读全文

posted @ 2009-05-11 08:45 豆豆の爸爸阅读(275) 评论(0) 推荐(0) 编辑

《精通CSS》书评

摘要：一般我在阅读书后不擅会花心思去写读后感或是书评，只是有偶写读书笔记的零散文章。《精通CSS:高级Web标准解决方案》读完后就没想法写读后感。但不可否认的，这是本让我迅速提高技术实力的好书，它让我有了去上海闯的 CSS 资本。而如今我回到了起点，开始新的征程。所以，给有志于从事CSS开发者们写点什么吧。 CSS 语言是 Web 标准中不可能绕过去的一门技术，可以毫不夸张的说，CSS ... 阅读全文

posted @ 2008-10-01 20:00 豆豆の爸爸阅读(715) 评论(0) 推荐(0) 编辑

按 Web 标准写表单代码

摘要：目前，Web 开发中的表单是业内呼声最高的，呼什么声？需要改进的呼声！君不见，HTML5的滑动条吗？表单是自Web出生起就一直没什么改变的HTML 控件。而交互性是Web应用的最大吸引力！开发表单是Web开发者们感觉最为枯燥的，我没说错吧，你不认为无聊？有什么不无聊而让表单代码变得有趣？先问问你，你是怎么编写表单的？最先从HTML远古时代过来人会说：用table布局。OK，下面我们... 阅读全文

posted @ 2008-07-25 14:23 豆豆の爸爸阅读(1337) 评论(3) 推荐(0) 编辑

《CSS权威指南(第3版)》书评

摘要：这本书深入CSS原理，从来没有这么近距离的认知 CSS。CSS开发人员面试必读！阅读全文

posted @ 2008-07-19 11:22 豆豆の爸爸阅读(690) 评论(1) 推荐(0) 编辑

《Web 标准实战》书评

摘要：阅读完了，给个书评。阅读全文

posted @ 2008-06-29 11:26 豆豆の爸爸阅读(447) 评论(1) 推荐(0) 编辑

今日阅读

摘要：《SWFObject:基于 Javascript 的 Flash 媒体版本检测与嵌入模块》 http://www.awflasher.com/flash/articles/swfobj.htm 运用到实际的工作中： http://demo.idea-source.net/haiyang/cn/app/ 阅读全文

posted @ 2008-05-22 10:06 豆豆の爸爸阅读(445) 评论(0) 推荐(0) 编辑

对《精通HTML》第二章“点击弹出新窗口”的JS程序改进

摘要：在《精通HTML:语义、标准和样式》第二章中有个“点击弹出新窗口”的 JavaScript 解决方法，代码如下：function popup(){ if(!document.getElementsByTagName || !document.getElementsByTagName("a")) return false; a = document.getElementsByTagName("a"... 阅读全文

posted @ 2008-03-13 18:32 豆豆の爸爸阅读(1453) 评论(0) 推荐(0) 编辑

表单制作视频教程

摘要：转个表单制作视频教程： http://www.slideshare.net/AaronGustafson/learning-to-love-forms-webvisions-07 来源于：口碑UED Team : 表单设计教程阅读全文

posted @ 2008-03-02 19:37 豆豆の爸爸阅读(647) 评论(0) 推荐(0) 编辑

line-height 缩放因子的算法

摘要：在行内框非替换元素的高度中，是由font-size和line-height定高度的，其行高的缩放因子的计算公式是：字体大小(font-size)的值乘以行高(line-height)的缩放因子等于行框的高度，即字体大小加上下行间距。例如： font-size: 12px; 上下行间距为3px，则行高的缩放因子为1.5。 line-height 缩放因子 = (12+3+3)/12。在CSS... 阅读全文

posted @ 2008-02-19 19:43 豆豆の爸爸阅读(933) 评论(0) 推荐(0) 编辑

img 元素在 IE 中与容器下边界有空隙

摘要：img 元素在 IE 中与容器下边界有几个像素空隙的原因： img 元素是行内替换元素，默认位于基线(baseline)上。而替换元素并没有自己的基线。所以相对来讲最好的办法是将其行内框的底端与基线对齐。以上是《CSS权威指南》第3版第7章替换元素和基线中的内容，见第203页。阅读全文

posted @ 2008-02-18 08:57 豆豆の爸爸阅读(510) 评论(0) 推荐(0) 编辑

解决 IE6 3像素Bug

摘要：当浮动元素与非浮动元素相邻时，这个3像素的Bug就会出现，它会偏移3像素。只要触发IE的hasLayout，非浮动元素就会拥有布局。所以，利用IE6特有的hack规则，为它单独写样式就可修复此问题： _zoom:1; margin-left: value; _margin-left: value-3px; zoom 是IE触发Layout条件之一，因为它是IE特有的CSS规则，所以采用zoom... 阅读全文

posted @ 2008-02-17 14:51 豆豆の爸爸阅读(8028) 评论(7) 推荐(0) 编辑

面试问题(HTML和CSS方面)

摘要：1 IE/Win的 HasLayout 2 浮动 float 的定义。float后元素的display属性会发生改变吗？ 3 CSS 3.0、CSS2.1 中被现代浏览器应用了的规则有哪些？ 4 父元素定义了一个初始高度，如果里面的img 元素的高度超过了父元素的高度，如何自适应？ 5 IE的3px bug 问题 6 清除浮动有几种方法？你知道几种说几种？ 7 CSS hack 了解吗？说说。。... 阅读全文

posted @ 2008-02-02 19:37 豆豆の爸爸阅读(2545) 评论(2) 推荐(0) 编辑

今日阅读

摘要：阿里巴巴用户界面指南： http://img.china.alibaba.com/images/common/icon_v01/readme/uisys_index.html 模仿三行两列table,自适应高度,百分比宽度,还原border： http://www.tommyfan.com/css-prob/test_1.html 标准的、语义的、Unobtrusive的页签切换： http:... 阅读全文

posted @ 2008-01-07 14:17 豆豆の爸爸阅读(269) 评论(0) 推荐(0) 编辑

{Name:"George Wing",Job:"F2E"}

随笔分类 - CSS

常用链接

最新随笔

我的标签

随笔分类

相册

友链

最新评论