(1)margin-top和margin-bottom不能正常显示：
父盒子中的子盒子使用margin-top不管用，需要在子盒子上加
{height:0;overflow:hidden}
(2)父盒子没有设置高度，子盒子都都设置了浮动，此时需要清除浮动
方法一:再加一
个子元素，其css设置clear:left|right|both；
方法二：给父元素设置：
.clearfix::after{
content:”,
height:0;
line-height:0;
clear:both;
display:block;
visibility:hidden;
}
.clearfix{zoom:1;}
(3)几个隐藏的占位问题
overflow:hidden;元素隐藏，超出部分占i原来位置；
display:none;元素隐藏，元素占原来位置;
visibility:hidden;元素隐藏，但是占用原来位置；
visibility:visible;
(4)opacity设置半透明效果
opacity:0.5;
filter:alpha(opacity=50);//兼容IE
(5)类名定义问题：
类名不能以数字开头或者以纯数字开头定义类名;
类名不推荐(不允许)使用汉字定义类名；
不能以特殊符号或者以特殊符号开头定义类名(_除外)；
不要使用标签名定义类名
(6)设置font-family:”“;要用”“括起来。可以一次设置多个字体，字体与字体之间使用逗号隔开。
防止某些浏览器不识别某些字体，会按设置的字体顺序查找，找到能显示的字体。
(7)font属性连写中，必须有font-size和font-family
(8)vertical-align:baseline/top/middle/bottom;
只适用于图片和表格
(9)只有定位的元素才能设置z-index值
网友评论