XIAO-A前端技术


Posts Tagged ‘div+css’

九月 7th, 2011

HTML中常用的实体字符

No Comments, 技术, by 皇甫灵剑.

每个字符在HTML里都有其相应的含义,比如<是HTML标签的开始,但是同时也是小于号的表现,如果我们希望网页中出现,但又不想直接打出该字符。该如何处理? 我们应该想到它,就是我们HTML中常用的实体字符。 一个实体字符分为三部分: A:一个&字符; B:实体(Entity)名字,或者是#加上实体编号; C:一个分号; 比如:小于号可以写成:&lt; 注意:Entity是区分大小写的。

九月 6th, 2011

CSS清理浮动最优方式

No Comments, 技术, by 皇甫灵剑.

清除的浮动方式有很多种,一般都是使用自带清除的<br/>或者使用元素的overflow以及为空标签设置clear属性等,考虑到兼容问题和语义化的问题,一般使用下面这样的方式 /* 清理浮动 */ 1234567891011.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clearfix { zoom:1; } 对于高级浏览器来说在需要clear的元素后面加一个非display:none的块状不显示元素出来,并设置clear出来清除它的浮动。 对于IE6.7来说,使用zoom使浮动块具有haslayout属性,可以撑高并正常影响文档流。…

九月 6th, 2011

兼容IE6/7/8/FF的CSS写法

No Comments, 技术, by 皇甫灵剑.

IE和FF比较好区分,IE6和IE7比较好区分,但是把他们都加一起呢??如何区分,呵呵? 今天研究了下,查了诸多资料,终于找到一种写法; <style> background:color=:#f90″;/*IE6/7/8/FF 都识别*/ background:color=”#f009″ /* IE6/7/8*/ background:color=”#fee″ /*IE8 识别* background:color=”#f1f1f1″ /* IE6识别 */ </style> 这样,就可以把这四种浏览器分开了,或者在head区域加入下面的代码: <meta http-equiv=”x-ua-compatible” content=”ie=7″…