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  阅读(160)  评论(0编辑  收藏  举报