随笔分类 - HTML/CSS
摘要：概述IE浏览器以不支持大量的css 属性出名，同时也因其支持的css属性中存在大量bug。本页列举了IE下的一些问题，实例样本和一些我们已知的解决方法。尽管我已经尽力按照它们本来的性质对它们进行分类，仍有许多bug可以分在好几个部分之下，这种情况下，我将会将此bug分在普通bug这一部分。统计目前为止。本站点包含46个”普通bug”教程，5个”haslayout bug”教程，6个”不支持的方法”教程，一个“冲突bug”教程。总共58个教程，70个解决方法。最近的教程发布于2009年8月19日 15:38:47 星期三站点包含44个IE6 bug，28个IE7 bug以及19个IE8 bug。
阅读全文
摘要：一、字体与字符显示的关系这里左右方向的尖角，字体为宋体：不受字体影响型：＜＞这里左右方向的尖角，字体为Arial：不受字体影响型：＜＞这里左右方向的尖角，字体为Lucida Sans Unicode：不受字体影响型：＜＞这里左右方向的尖角，字体为Times New Roman：不受字体影响型：＜＞这里左右方向的尖角，字体为Verdana：不受字体影响型：＜＞这里上下方向的尖角，字体为宋体，小尖角：ˇ^不受字体影响型：∧∨这里上下方向的尖角，字体为Arial，小尖角：ˇ^不受字体影响型：∧∨这里上下方向的尖角，字体为Lucida Sans Unicode，小尖角：ˇ^不受字体影响型：∧∨这里上下
阅读全文
摘要：一、写在前面的最近一直构思着写篇关于html标签的文章，虽说之前处理过html标签，也解决过不少棘手的问题，但是对其理解还不是很透彻，很多原理都是自己推测的。在网上查阅相关资料想整合一下相关的信息，发现深入探讨html，与body的文章很少，只有在蓝色理想看到一篇“一叶千鸟”的这篇“正确认识html与body”有点价值，其余都没有什么相关的好文章。而这里，我要讲述的与上面的交集并不多，只要是讲述一些关于html与body的各种表现，以及我自己对这些表现的合理的解释和并提供一些过去处理类似问题的经验，希望对大家能够有所帮助。二、关于html与body的一些表现1.背景色一般情况下，我们css控制
阅读全文
摘要：Hello. This is a DIV element.Hello. This is a DIV element.
阅读全文
摘要：今天，趁着想完善公司的内部样式框架，把HasLayout.net的IE CSS Bug过了一遍。整理中收获了不少东西，一些官方的不足，也根据自己的知识升级了一下。当然，也顺利地升级了框架的一些内容，感觉甚爽。随后，便将一些值 得去看的Bug整理成一个列表，基于Alipay前端伟大的分享精神，分享出来以供团队工友们和大家参考。 同时，由于整理仓促，有些理解和表达不当和其他纰漏在所难免，还请大家帮...
阅读全文
摘要：YUI compressor的下载地址是：http://developer.yahoo.com/yui/compressor/淘宝做了一个可视化的版本，叫做TBCompressor，可以到这里下载：http://lifesinger.org/blog/?p=464谢谢岁月老大！如果你没有安装JAVA环境的话，还需要安装一下JDK下载地址是：http://java.sun.com/javase/downloads/index.jsp我们选择（Java SE Development Kit (JDK) 6 Update 11）这个下载。下载，安装，一路Next，没有任何问题，对了，你可以修改一下路
阅读全文
摘要：7.3 line-height行高指的是文本行的基线间的距离，但是文本之间的空白距离不仅仅是行高决定的， 同时也受字号的影响。7.3.1 语 法line-height属性的具体定义列表如下：语法： line-height : normal | <实数> | <长度> | <百分比> | inherit说明： 设置元素中行的高度。值： normal：默认行高，一般...
阅读全文
摘要：如果想要一个table固定大小，里面的文字强制换行(尤其是在一长串英文文本，并且中间无空格分隔的情况下)，以达到使过长的文字不撑破表格的 目的，一般是使用样式：table-layout:fixed。不过在Firefox下面，会有一些问题，参考Gmail的一些做法，做了几个测试，得出 一种解决办法。 如果想要一个table固定大小，里面的文字强制换行(尤其是在一长串英文文本，并且中间无空格分隔的...
阅读全文
摘要：XHTML 的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套—— XHTML 必竟不是 XML。 在 XHTML 的语言里，我们都知道：ul 标签包含着 li、...
阅读全文
摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-t...
阅读全文
摘要：span为内联/inline元素，给他宽度赋值是没有效果的。span为内联/inline元素，给他宽度赋值100px+float:right;可以看到有了宽度。这个li被定义为内联/inline,设置宽度没有效果 test test这个li被定义为内联/inline+float:left,设置宽度有效果 test test
阅读全文
摘要：什么是css框架 实际上还是让我们从框架说起吧。 框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 css框架通常只是一些css文件的集合，这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如： typography.css基本排版规则grid.css基于网格的布局layout.css通常的布局form.cssfor 表单样式general.css更多通用规则 您还可以参...
阅读全文
摘要：http://www.blueidea.com/articleimg/2008/12/6313/浏览器对{word-wrap:break-word;}和{word-break:break-all;}支持情况正常aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...
阅读全文
摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-...
阅读全文