html css基础

1、显示省略号

a.设置width;

b.white-space:nowrap；（空余空间）

c.overFlow:hidden；（清除浮动）

d.text-overflow:ellipsis；

2、定位

position：relative；相对定位  占位置； 

position：absolute；绝对定位  不占位置；

position：fixed；固定位置 内联转块状；

3、清除浮动

1.浮动元素的父盒子设高度

2. 浮动元素的父盒子设置：overflow：hidden

3.在浮动元素后添加一个空盒子，给该盒子设置：{clear:both,height:0, overflow:hidden}

4.万能清除浮动：:after{content:’ ’, clear:both,height:0,display:block, overflow:hidden ,visibility: hidden }

4、锚点

<标记  id="命名">内容</标记>

<a  href="#命名">

5、雪碧图

    <div>
        <span>雪碧图拼接</span>
    </div>
    div{
        background:url(地址) 0px 0px no-repeat;
    }
    span{
        background-position:0px 0px；
    }

6、浏览器兼容问题

a、透明度：其他浏览器：opactiy:value;（0-1）
                   IE浏览器:       filter:alpha(opacity=value);  (0-1)   

b、双倍浮向:（双倍边距）display:inline；

c、默认高度:（IE6）font-size:0或者 overflow:hidden；

d、图片间隙：display:block或者写在同一行

e、表单行高不一致：float：left；

f、百分比bug：添加声明 clear：right；

g、默认按钮大小不一致：统一大小f(用a标签模拟)

h、background-size、background：rgba();在ie8中失效