毅博客

今年写代码时越来越觉得原来的剪辑库的使用率不是很高。所以最近特别的整理了一下，简化了原来的文件，只三个，一个是HTML一个CSS一个组件。组件部分以后会不断增加！Editplus.ctl.zip如果不清楚如何设置与使用请查看：http://www.andymao.com/andy/post/syntax_document.html     

前两天特意装了一下IETester，用以方便测试，装好后使用发现IE8有两个地方需要大家注意。 IE5MAC的过滤器对IE8 Beta 1版同样有效 IE8 Beta 1版不支持截字省略，也就是说不支持CSS3中的text-overflow:ellipsis; 关于第一条可能对大家影响不大，不论怎么说MAC下用IE的人实在是太少了，好处是可以让我们针对IE8再写个专门的CSS样……

[2007-10-27] 语法自动完成文件更新html与CSS两个文件格式的语法自动完成。请先行下载到本机。然后解压缩得到两个文件(xhtml.acp | xcss.acp) 然后打开自己的Editplus，在菜单中找到“工具”－“参数”－“设置与语法” 在文件类型中找到HTML，修改设置与语法中的自动语法中的地址指向xhtml.acp文件。CSS文件的操作与HTML文件一样。这次更新的语法文件对照表请在这里下载xhtml....

首先请到这里下载语法自动完成文件(.acp)，通过EditPlus配置好文件。重启EditPlus软件！ 已经提供打印版的对照表xhtml.doc | xcss.doc，请下载后自行打印。有出入请给我留言。以下内容的记忆方法：标签的第一个字母或是前两个字母，加上属性的第一个字母。这是HTML语法。CSS思路基本上差不多。有出入的地方请查询对照表！注：“#T＝”后面的内容表示在EP中手打内容，加上空格之后会自动完成第二行的内容。“^!”表示自动完成后...

屏蔽IE浏览器（也就是IE下不显示）*:lang(zh) select {font:12px  !important;} /*FF,OP可见*/select:empty {font:12px  !important;} /*safari可见*/这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。仅IE7与IE5.0可以识别*+html  select {…}当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HAC...

早前就有人对《无法冲破的等级》一文提出不同的看法，认为“无法冲破的等级”只是IE的BUG，但是我自己在做测试的时候都发现并未出现差错，所以一直都对此不以为然。事实胜于雄辩，有实例的证实我觉得我一点也没错。但是今天网友“平淡人生”提供的实例我发现完全打破了我原来的想法。后来根据对实例的分析，我发现，这里有一个问题并没有讲清楚，正是因为这点才使得这篇文章受到了一定的争议。下面我就对这个之前疏忽的问题再做一次补充：先给出两个不同的例子来看一下： ...

引伸阅读 解读absolute与relative position:relative/absolute无法冲破的等级 对《无法冲破的等级》一文的补充 定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。定位的定义：在CSS中关于定位的内容是...

列表UL或是OL中都有一个预设标记，这个标记可能是实点圆点，也可能是数字。在实际的应用中，我们需要去掉这个预设标记，但我们不清楚这个预设标记是存在于什么位置。因为IE与FF似乎在处理UL的预设标记时都有着不同的方式：我们来写一个UL的HTML代码结构：HTML结构 <ul>  <li>建设部通报八起房地产交易违法、违规典型案例 </li>  <li>周小川表态引发美元震荡|人民币应成世界货币?</li...

前些时间发表的《position:relative/absolute无法冲破的等级》一文，讲了定位中的等级，这几天再看的时候发现文中讲得并不透彻，没有直指关键。所以特别的在这里做出补充希望能把position中的等级讲得更为清楚、明确一些。我们都知道，position有四个不同的值，分别为：static | absolute | fixed | relative。在苏昱的《CSS2中文手册》中是这样解释的：static:无特殊定位，对象遵循HTML定位规则...

今天有个朋友问我关于打印样式的问题，当时正是工作时间一时不好回答，只好在工作完成后整理，总结一下打印样式的相关知识。先来了解一下什么叫打印样式？打印样式也就是说通过CSS指定给打印机来识别的打印时的输出样式。在HTML中链接的打印样式是： <link rel="stylesheet" rev="stylesheet" type="text/css" media...