html+css收集的一些问题

IE6双倍边距的问题
问题：
ie6中设置浮动，同时又设置margin时，会出现双倍边距的问题
例float:left;100px;margin:0 100px;
解决：
设置display:inline;

透明png图片会带背景色
问题：
在ie6下透明的png图片会带一个背景色
解决：
background-image: url(icon_home.png);
background-repeat: no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon_home.png');
_background-image: none;

IE6 width为奇数，右边多出1px的问题
问题：
父级元素采用相对定位，且宽度设置为奇数时，子元素采用绝对定位，在ie6中会出现右侧多出1像素
解决：
将宽度的奇数值改成偶数

ul或li浮动后，显示在div外
问题：
div中的ul或li设置float以后，都不在div中
解决：
必须在ul标签后加<div style="clear:both"></div>来闭合外层div

td高度的问题
问题：
table中td的宽度都不包含border的宽度，但是oprea和ff中td的高度包含了border的高度
解决：
设置line-height和height一样。在ie中如果td中的没有内容，那么border将不会显示

超链接访问过后hover样式不出现的问题
问题：
点击超链接后，hover、active样式没有效果
解决：
改变CSS属性的排列顺序: L-V-H-A

div嵌套p时，出现空白行
问题：
div中显示<p>文本</p>，ff、oprea、Chrome：top和bottom都会出现空白行，但是在ie下不会出现空白行。
解决：
设置p的margin:0px，再设置div的padding-top和padding-bottom

让层显示在FLASH之上
问题：
想让层的内容显示在flash上
解决：
把FLASH设置透明
1、<param name=" wmode " value="transparent" />
2、<param name="wmode" value="opaque"/>

IE6-7图片下面有空隙的问题
问题：
块元素中含有图片时，ie6-7中会出现图片下有空隙
解决：
1、在源代码中让</div>和<img>在同一行
2、将图片转换为块级对象display:block;
3、设置图片的垂直对齐方式 vertical-align:top/middle/bottom
4、改变父对象的属性，如果父对象的宽、高固定，图片大小随父对象而定，那么可以对父元素设置： overflow:hidden;
5、设置图片的浮动属性 float:left;

网页设计中如何去选择主色调？
1.根据色彩分析中的色彩心理联想、色彩表示意义、以及运用效果等等我们可以看出不同的色彩表达着不同的含义，所以在网页设计中对于主色调的选择一般情况下会基于色彩情感以及这种情感所使用的行业范围。举个例子，青色给人的心理联想是宁静、寒冷，而表示的意义我们可以定义为希望、宁静、清冷……那么运用的效果自然就能表达出希望、宁静、寒冷之感。所以在制作冰箱、空调、文具和学校之类的设计就自然可以来使用青色。
2.根据LOGO来选色。一般情况下，LOGO的色彩即使此行业分类最典型的色彩。比如可口可乐的红色，激情且能刺激食欲的颜色，那么毫无疑问，我们的网页主色调也脱离不了它。
3.如果上述两种方法都无法让你选择出合适的主色调，那么根据形象展示区域中的图片来进行选择也是个不错的主意。

html5收藏