CSS 使用技巧

CSS 使用技巧

1、CSS代码重用，解决同一类样式下相同冲突点

<style>
    .c {
        共有
    }

    .c1 {
        独有
    }

    .c2 {
        独有
    }
</style>

<div class='c c1'></div>
<div class='c c2'></div>

2、自适应 和 改变大小变形
　　- 左右滚动条的出现
　　- 宽度，百分比

   (1)自适应 解决方案：

头部加判断

   (2)改变大小变形 解决方案：

设定一个div的宽度，再div宽度下载创建div，里面使用百分比，不用因为浏览器大小变化影响。

<body>
    <dev class="pg-header">
            <div style="width: 980px;">
                百分比数据
            </div>
    </dev>
</body>

 

3、IE打开图片显示：图片外面会有蓝色边框。
解决： 在head头部，添加 style{ border: 0; }
注：img图片默认会有一个1像素的边框，在ie中可以显示出来。通过border: 0；取消边框。

注： 像素px 可以不加。

 

posted @ 2019-02-21 16:12  kevin.Xiang  阅读(161)  评论(0)  编辑  收藏  举报