摘要: IE下的特殊情况下面是14条特殊情况你看一下是哪个问题出错了这些仅供参考:1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在高度上我们不能容忍1px 的差异。2.ff下容器高度限定,即容器定义了height之后,容器边框的外形就确定了,不会被内容撑大,而ie下是会被内容撑大,高度限定失效。所以不要轻易给容器定 阅读全文
posted @ 2012-10-12 18:11 susubanana 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 提高编写CSS代码效率的10个习惯1、保持一贯性。就像其它的任何事一样,值得一直保持一贯性。保持连贯性,而不是想到什么就给id和class命名什么。CSS的级联样式有利于加深你的记忆,而且充分利用样式的继承去设置样式表。首先声明通用的部分的样式,然后继续声明不通用的。这样当你需要的时候更容易的去覆盖一个特定的样式。因为样式更易于阅读和更具逻辑性,你会发现编写CSS更迅速。使用一种最是适合你的方式。复位和覆盖链接和类型主要布局二次布局结构表单元素杂项2、注释标题,日期和签名当样式被重写的时候遇到问题,可以很方便的找到是原始样式的编写者。当设计模板或者主题的时候这也是一个很好的习惯。稍等…什么是s 阅读全文
posted @ 2012-10-12 18:03 susubanana 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 显示属性displaylist-styleposition* top,right,bottom,left* z-indexfloatclear自身属性widthheight* overflow* zoommarginpaddingborderbackground文本属性colorfonttext-decoration* text-indenttext-alignvertical-align* line-heightwhite-spacecontent 阅读全文
posted @ 2012-10-12 17:53 susubanana 阅读(106) 评论(0) 推荐(0) 编辑
摘要: div+css实现带三角箭头提示框带三角箭头的提示框,就是下面所示:这是一个提示框通常我们都用图片来实现上面那个小三角,因为这样方便快速,但是如果图片处理得不好,会看起来有杂边,从而影响视觉,所以换一种思路来解决。首先来研究一下CSS是如何实现三角形的。假定有一个盒子(div),给定宽高分别为100像素,再给定边框50像素,那么它看起来会是下面这个样子(为了更直观,给了边框四种不同的颜色):接下来,把盒子的高度设为0:再把宽度也设为0:这样雏形就已经出来了,由于IE6的bug(高度为0的div会有一定默认的高度,我的电脑上测量结果为19像素),需要做一些小调整,给div加一个overflow: 阅读全文
posted @ 2012-10-12 17:47 susubanana 阅读(932) 评论(0) 推荐(0) 编辑