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 能夠不加。自適應

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。