CSS 使用技巧

时间 2019-11-06

标签 css 使用技巧栏目 CSS 繁體版

原文原文链接

CSS 使用技巧浏览器

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

<style>
    .c {
        共有
    }

    .c1 {
        独有
    }

    .c2 {
        独有
    }
</style>

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

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

(1)自适应解决方案：blog

头部加判断图片

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

设定一个div的宽度，再div宽度下载建立div，里面使用百分比，不用由于浏览器大小变化影响。技巧

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

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

注：像素px 能够不加。自适应