欧美成人禁止网站_麻豆久草手机在线_中文字幕亚洲第一_欧洲乱码伦视频免费无码

天蠶在你身邊

不方便打電話?讓天蠶聯(lián)絡(luò)你

我們存在,我們思索,我們不斷進(jìn)取首頁(yè) >> 資訊 >> 網(wǎng)站建設(shè)行業(yè)新聞
重慶網(wǎng)絡(luò)公司:簡(jiǎn)單的CSS優(yōu)化

簡(jiǎn)單的CSS優(yōu)化


一、CSS代碼優(yōu)化地方:

     1、border(CSS邊框)簡(jiǎn)寫:
         border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;
        可以簡(jiǎn)寫為:border:1px solid #000;

    2、padding(CSS padding)簡(jiǎn)寫:
        padding-top:1px;padding-right:2px;padding-bottom:3px;padding-left:4px;
        可簡(jiǎn)寫為:padding:1px 2px 3px 4px;
        padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px;
        可簡(jiǎn)寫為:padding:1px;

    3、margin簡(jiǎn)寫
        margin-top:1px;margin-right:2px;margin-bottom:3px;margin-left:4px;
        可簡(jiǎn)寫為:margin:1px 2px 3px 4px;
        margin-top:1px;margin-right:1px;margin-bottom:1px;margin-left:1px;
        可簡(jiǎn)寫為:margin:1px;

    4、background簡(jiǎn)寫
        background-color:#000;可以簡(jiǎn)寫為background:#000;
        background-image:url(圖片地址)
        可簡(jiǎn)寫為:background:url(圖片地址)

    5、font簡(jiǎn)寫
        font-size:12px; line-height:12px; font-family:Arial, Helvetica, sans-serif;
        可簡(jiǎn)寫為:font:12px/12px Arial, Helvetica, sans-serif;

 

二、CSS重用優(yōu)化

        這里主要介紹是CSS代碼的共用屬性提取來(lái)達(dá)到節(jié)約代碼、維護(hù)方便,CSS實(shí)例如下:
        .yangshi_a{ width:100px; height:20px; text-align:left; float:left; font-size:24px;}
        .yangshi_b{ width:100px; height:20px; text-align:right; float:left; font-size:24px;}
        他們都有相同高度、寬度、浮動(dòng)、文字大小,而只有內(nèi)容居左居右不同(你可能需要了解CSS居中),我們就可以提取他們相同屬性優(yōu)化后:
        .yangshi_a ,.yangshi_b{ width:100px; height:20px; text-align:left; float:left; font-size:24px;}
        .yangshi_b{text-align:right; }
       

重慶網(wǎng)絡(luò)公司


地址:重慶市渝中區(qū)上清寺鑫隆達(dá)B座28-8

郵編:400015

電話:023-63612462

EMAIL:cnjl_net@163.com

渝ICP備09007657號(hào)-6

渝公網(wǎng)安備 50010302000872號(hào)