書寫高效CSS注意的七個(gè)方面
你對(duì)如何書寫高效CSS是否熟悉，這里和大家分享一下書寫高效CSS注意的七個(gè)方面，主要包括使用外聯(lián)樣式替代行間樣式或者內(nèi)嵌樣式，建議使用link引入外部樣式表等內(nèi)容，相信本文介紹一定會(huì)讓你有所收獲。
CSS經(jīng)驗(yàn)分享：書寫高效CSS注意的七個(gè)方面
隨著CSS網(wǎng)頁布局的應(yīng)用越來越廣泛，更多的CSSer開始書寫CSS，如何才能寫出高效規(guī)范的CSS代碼呢，本文向大家介紹一下必須要注意的七個(gè)方面：
一、使用外聯(lián)樣式替代行間樣式或者內(nèi)嵌樣式
不推薦使用行間樣式
ExampleSourceCode
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
-
-
- Pagetitle-52css.com title> </li>
<li> head> </li>
<li><body> </li>
<li><pstylepstyle="color:red">... p> </li>
<li> body> </li>
<li> html> </li>
<li> </li>
</ol></pre><p> 不推薦使用內(nèi)嵌樣式</p><p>ExampleSourceCode</p>
<pre>
<ol>
<li></li>
<li>"http://www.w3.org/TR/html4/strict.dtd"><htmllanghtmllang="en"> </li>
<li><head> </li>
<li><metahttp-equivmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> </li>
<li><title>Pagetitle-52css.com title> </li>
<li><styletypestyletype="text/css"media="screen"> </li>
<li>p{color:red;} </li>
<li> style> </li>
<li> head> </li>
<li><body>... body> </li>
<li> html> </li>
<li> </li>
</ol></pre><p> 推薦使用外聯(lián)樣式</p><p>ExampleSourceCode</p>
<pre>
<ol>
<li></li>
<li>"http://www.w3.org/TR/html4/strict.dtd"> </li>
<li><htmllanghtmllang="en"> </li>
<li><head> </li>
<li><metahttp-equivmetahttp-equiv="content-type"content="text </li>
<li><title>Pagetitle-52css.com title> </li>
<li><linkrellinkrel="stylesheet"href="name.css"type="text/css"media="screen"/> </li>
<li> head> </li>
<li><body>... body> </li>
<li> html> </li>
<li> </li>
</ol></pre><p>#p# <strong>二、建議使用link引入外部樣式表</strong></p><p> 為了兼容老版本的瀏覽器，建議使用link引入外部樣式表的方來代替@import導(dǎo)入樣式的方式.</p><p>譯者注：@import是CSS2.1提出的所以老的瀏覽器不支持，點(diǎn)擊查看@import的兼容性。</p><p> @import和link在使用上會(huì)有一些區(qū)別，利用二者之間的差異，可以在實(shí)際運(yùn)用中進(jìn)行權(quán)衡。</p><p> 關(guān)于@import和link方式的比較在52CSS.com上有幾篇文章可以拓展閱讀。</p><p> 不推薦@import導(dǎo)入方式</p><p>ExampleSourceCode</p>
<pre>
<ol>
<li></li>
<li> </li>
<li>"http://www.w3.org/TR/html4/strict.dtd"> </li>
<li><htmllanghtmllang="en"> </li>
<li><head> </li>
<li><metahttp-equivmetahttp-equiv="content-type"content="text </li>
<li><title>Pagetitle-52css.com title> </li>
<li><styletypestyletype="text/css"media="screen"> </li>
<li>@importurl("styles.css"); </li>
<li> style> </li>
<li> head> </li>
<li><body>... body> </li>
<li> html> </li>
<li> </li>
</ol></pre><p> 推薦引入外部樣式表方式</p><p>ExampleSourceCode</p>
<pre>
<ol>
<li></li>
<li>"http://www.w3.org/TR/html4/strict.dtd"><htmllanghtmllang="en"><head> </li>
<li><metahttp-equivmetahttp-equiv="content-type"content="text </li>
<li><title>Pagetitle-52css.com title> </li>
<li><linkrellinkrel="stylesheet"href="name.css"type="text/css"media="screen"/> </li>
<li> head> </li>
<li><body>... body> </li>
<li> html> </li>
<li> </li>
</ol></pre><p> <strong>三、使用繼承</strong></p><p>ExampleSourceCode</p>
<pre>
<ol>
<li>低效率的 </li>
<li> </li>
<li>p{font-family:arial,helvetica,sans-serif;} </li>
<li>#container{font-family:arial,helvetica,sans-serif;} </li>
<li>#navigation{font-family:arial,helvetica,sans-serif;} </li>
<li>#content{font-family:arial,helvetica,sans-serif;} </li>
<li>#sidebar{font-family:arial,helvetica,sans-serif;} </li>
<li>h1{font-family:georgia,times,serif;} </li>
<li> </li>
<li>高效的 </li>
<li> </li>
<li>body{font-family:arial,helvetica,sans-serif;} </li>
<li>body{font-family:arial,helvetica,sans-serif;} </li>
<li>h1{font-family:georgia,times,serif;} </li>
<li></li>
</ol></pre><p>#p#</p><p><strong>四、使用多重選擇器</strong></p><p>ExampleSourceCode</p>
<pre>
<ol>
<li>低效率的 </li>
<li> </li>
<li>h1{color:#236799;} </li>
<li>h2{color:#236799;} </li>
<li>h3{color:#236799;} </li>
<li>h4{color:#236799;} </li>
<li> </li>
<li>高效的 </li>
<li> </li>
<li>h1,h2,h3,h4{color:#236799;} </li>
<li> </li>
</ol></pre><p> <strong>五、使用多重聲明</strong></p><p>ExampleSourceCode</p>
<pre>
<ol>
<li>低效率的 </li>
<li> </li>
<li>p{margin:001em;} </li>
<li>p{background:#ddd;} </li>
<li>p{color:#666;} </li>
<li> </li>
<li>譯者注：對(duì)于十六進(jìn)制顏色值，個(gè)人偏向于色值不縮寫且英文字母要大寫的方式. </li>
<li> </li>
<li>高效的 </li>
<li> </li>
<li>p{margin:001em;background:#ddd;color:#666;} </li>
<li> </li>
</ol></pre><p> <strong>六、使用簡記屬性</strong></p><p>ExampleSourceCode</p>
<pre>
<ol>
<li>低效率的 </li>
<li> </li>
<li>body{font-size:85%;font-family:arial,helvetica,sans-serif; </li>
<li>background-image:url(image.gif);background-repeat:no-repeat; </li>
<li>background-position:0100%;margin-top:1em;margin-right:1em; </li>
<li>margin-bottom:0;margin-left:1em;padding-top:10px; </li>
<li>padding-right:10px;padding-bottom:10px;padding-left:10px; </li>
<li>border-style:solid;border-width:1px;border-color:red;color:#222222; </li>
<li> </li>
<li>高效的 </li>
<li> </li>
<li>body{font:85%arial,helvetica,sans-serif; </li>
<li>background:url(image.gif)no-repeat0100%;margin:1em1em0; </li>
<li>padding:10px;border:1pxsolidred;color:#222;} </li>
<li> </li>
</ol></pre><p> <strong>七、避免使用!important</strong></p><p>ExampleSourceCode</p>
<pre>
<ol>
<li>慎用寫法 </li>
<li> </li>
<li>#news{background:#ddd!important;} </li>
<li>特定情況下可以使用以下方式提高權(quán)重級(jí)別 </li>
<li>#container#news{background:#ddd;} </li>
<li>body#container#news{background:#ddd;} </li>
<li> </li>
</ol></pre><p> 那么，如何讓（后續(xù)）維護(hù)你站點(diǎn)的人更容易理解你的樣式代碼呢？我們在以后的文章中和大家共同討論學(xué)習(xí)。</p><p>【編輯推薦】</p>
<ol>
<li>***實(shí)現(xiàn)CSS頁面居中方法揭秘</li>
<li>八個(gè)困擾新手的DIV CSS網(wǎng)頁布局問題</li>
<li>深入剖析CSS層疊與繼承的使用</li>
<li>專家推薦 10款優(yōu)秀CSS框架</li>
<li>實(shí)例解析清除CSS float浮動(dòng)的三種方法</li>
</ol>
</p> <br>
文章題目：書寫高效CSS注意的七個(gè)方面 <br>
當(dāng)前URL：<a href="http://uogjgqi.cn/article/djodces.html">http://uogjgqi.cn/article/djodces.html</a>
</div>
<div id="5flv5lr" class="view-qrocde cl">
<div id="5b5z5rh" class="m z"><img src="/Public/Home/images/ew.jpg"/></div>
<div id="tl75b7j" class="text">
<h6>掃二維碼與項(xiàng)目經(jīng)理溝通</h6>
<p>我們在微信上24小時(shí)期待你的聲音</p>
<p>解答本文疑問/技術(shù)咨詢/運(yùn)營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流</p>
</div>
</div>
<div id="d7jlxl5" class="othernews cl">
<h3>其他資訊</h3>
<ul>
<li><a href="/article/cdopjch.html">centos7自帶docker</a></li><li><a href="/article/cdopjdi.html">對(duì)Android傳感器系統(tǒng)全解析</a></li><li><a href="/article/cdopgdc.html">移動(dòng)，聯(lián)通的有線寬帶的總服務(wù)器是屬于電信的？（有沒有電信服務(wù)器）</a></li><li><a href="/article/cdopgpp.html">量子計(jì)算現(xiàn)狀：當(dāng)前所處的位置和未來發(fā)展走向</a></li><li><a href="/article/cdopjcp.html">解決Redis遠(yuǎn)程訪問困難（redis 遠(yuǎn)程無法訪問）</a></li> </ul>
</div>
</div>
</div>
<div id="pfrlvbd" class="sidebar">
<div id="jt5fp75" class="tuijian">
<a href="#">
<h2 class="cl"><span>行業(yè)動(dòng)態(tài)</span></h2>
<h3>企業(yè)網(wǎng)站建設(shè)的重要性！</h3>
<p>現(xiàn)在雖然是移動(dòng)互聯(lián)網(wǎng)時(shí)代，但企業(yè)網(wǎng)站依然重要，包含PC站點(diǎn)，移動(dòng)站?？梢哉f企業(yè)網(wǎng)站關(guān)系企業(yè)的未來發(fā)展和前途，尤其對(duì)中小企業(yè)更是如此，一些中小企業(yè)老板，對(duì)自己的名片很在乎，因?yàn)檫@是個(gè)門面。...</p>
</a>
</div>
<div id="77rb5ll" class="ser sidesub">
<h2>服務(wù)項(xiàng)目</h2>
<ul class="ebox">
<li id="bbdjpth" class="sub sub-1">
<div>
<h3>網(wǎng)站建設(shè)</h3>
<p></p>
<a class="btn" href="/serve/website/">查看詳情</a>
</div>
</li>
<li id="xvfj5rp" class="sub sub-1">
<div>
<h3>移動(dòng)端/APP</h3>
<p></p>
<a class="btn" href="/serve/moblie/">查看詳情</a>
</div>
</li>
<li id="ljfrbpl" class="sub sub-1">
<div>
<h3>微信/小程序</h3>
<p></p>
<a class="btn" href="/serve/small/">查看詳情</a>
</div>
</li>
<li id="nn5frfb" class="sub sub-1">
<div>
<h3>技術(shù)支持</h3>
<p></p>
<a class="btn" href="/serve/tech/">查看詳情</a>
</div>
</li>
<li id="pxhlhf5" class="sub sub-1">
<div>
<h3>其它服務(wù)</h3>
<p></p>
<a class="btn" href="/serve/othe/">查看詳情</a>
</div>
</li>
<li id="5fjv57x" class="sub sub-5">
<div>
<h3>更多服務(wù)項(xiàng)目</h3>
<p> <a>用我們的專業(yè)和誠信贏得您的信賴，從PC到移動(dòng)互聯(lián)網(wǎng)均有您想要的服務(wù)！</a></p>
<a class="btn" href="/serve/">獲取更多</a>
</div>
</li>
</ul>
</div>
<div id="x7xp5ft" class="contact" id="fix">
<h2 class="cl"> <span>聯(lián)系吧</span> <a class="ditu" rel="nofollow" target="_blank">在百度地圖上找到我們</a> </h2>
<h3>電話：13518219792</h3>
<p>如遇占線或暫未接聽請撥：136xxx98888</p>
<div id="7lnnrx5" class="qq"> <a rel="nofollow" target="_blank">業(yè)務(wù)咨詢</a> <a rel="nofollow" target="_blank">技術(shù)咨詢</a> <a rel="nofollow" target="_blank">售后服務(wù)</a> </div>
</div>
</div>
<script>
//固定滾動(dòng)
(function () {
var oDiv = document.getElementById("fix");
var H = 120,
iE6;
var Y = oDiv;
while (Y) {
H += Y.offsetTop;
Y = Y.offsetParent
};
iE6 = window.ActiveXObject && !window.XMLHttpRequest;
if (!iE6) {
window.onscroll = function ()
{
var s = document.body.scrollTop || document.documentElement.scrollTop;
if (s > H) {
oDiv.className = "contact fixed";
if (iE6) {
oDiv.style.top = (s - H) + "px";
}
} else {
oDiv.className = "contact ";
}
};
}
})();
</script>
</div>
<div id="px7lhh5" class="footer">
<div id="dnftpvr" class="wp">
<div id="ftnz7jx" class="wpss cl">
<dl class="about">
<dt>網(wǎng)站設(shè)計(jì)</dt>
<dd><a target="_blank" title="梓潼網(wǎng)站設(shè)計(jì)">梓潼網(wǎng)站設(shè)計(jì)</a></dd><dd><a target="_blank" title="成都網(wǎng)站設(shè)計(jì)">成都網(wǎng)站設(shè)計(jì)</a></dd><dd><a target="_blank" title="LED網(wǎng)站設(shè)計(jì)方案">LED網(wǎng)站設(shè)計(jì)方案</a></dd><dd><a target="_blank" title="成都網(wǎng)站設(shè)計(jì)">成都網(wǎng)站設(shè)計(jì)</a></dd> </dl>
<dl class="about">
<dt>網(wǎng)站制作</dt>
<dd><a target="_blank" title="成都網(wǎng)站制作">成都網(wǎng)站制作</a></dd><dd><a target="_blank" title="網(wǎng)站制作報(bào)價(jià)">網(wǎng)站制作報(bào)價(jià)</a></dd><dd><a target="_blank" title="廣安網(wǎng)站制作公司">廣安網(wǎng)站制作公司</a></dd><dd><a target="_blank" title="網(wǎng)站制作">網(wǎng)站制作</a></dd> </dl>
<dl class="contact">
<dt>聯(lián)系我們</dt>
<dd>電話：13518219792</dd>
<dd>郵箱：631063699@qq.com</dd>
<dd>地址：成都青羊區(qū)錦天國際1002號(hào)</dd>
<dd>網(wǎng)址：uogjgqi.cn</dd>
</dl>
<dl class="about" style="margin-left:50px;width:235px;">
<dt>網(wǎng)站建設(shè)</dt>
<dd><a target="_blank" title="重慶企業(yè)網(wǎng)站建設(shè)">重慶企業(yè)網(wǎng)站建設(shè)</a></dd><dd><a target="_blank" title="都江堰網(wǎng)站建設(shè)">都江堰網(wǎng)站建設(shè)</a></dd><dd><a target="_blank" title="企業(yè)手機(jī)網(wǎng)站建設(shè)">企業(yè)手機(jī)網(wǎng)站建設(shè)</a></dd><dd><a target="_blank" title="安防網(wǎng)站建設(shè)方案">安防網(wǎng)站建設(shè)方案</a></dd> <!--成都網(wǎng)站建設(shè) 成都網(wǎng)站制作 成都做網(wǎng)站 網(wǎng)站建設(shè)公司-->
</dl>
<dl class="flow">
<dt></dt>
<div id="j5tf5fl" class="ma cl">
<div id="hpzl7vj" class="m"> <img src="/Public/Home/images/ew.jpg" />
<p>微信二維碼</p>
</div>
</div>
</dl>
</div>
</div>
<div id="b5dpr55" class="footer-link wp">
<ul class="wpss cl">
<li id="fvp7jft" class="fisrt">友情鏈接</li>
<li><a title="自適應(yīng)網(wǎng)站" target="_blank">自適應(yīng)網(wǎng)站</a></li><li><a title="成都門戶網(wǎng)站建設(shè)設(shè)計(jì)方案" target="_blank">成都門戶網(wǎng)站建設(shè)設(shè)計(jì)方案</a></li><li><a title="成都營業(yè)執(zhí)照代" target="_blank">成都營業(yè)執(zhí)照代</a></li><li><a title="成都h5網(wǎng)站建設(shè)" target="_blank">成都h5網(wǎng)站建設(shè)</a></li><li><a title="眉山玉柴發(fā)電機(jī)租賃" target="_blank">眉山玉柴發(fā)電機(jī)租賃</a></li><li><a title="瀘定縣柴油發(fā)電機(jī)" target="_blank">瀘定縣柴油發(fā)電機(jī)</a></li><li><a title="名片設(shè)計(jì)制作" target="_blank">名片設(shè)計(jì)制作</a></li><li><a title="宜賓柴油發(fā)電機(jī)維修" target="_blank">宜賓柴油發(fā)電機(jī)維修</a></li><li><a title="實(shí)驗(yàn)室超純水機(jī)" target="_blank">實(shí)驗(yàn)室超純水機(jī)</a></li><li><a title="網(wǎng)絡(luò)推廣外包" target="_blank">網(wǎng)絡(luò)推廣外包</a></li> </ul>
</div>
</div>
<div id="zxjxhdr" class="bot-footer">
<div id="thtvfnr" class="wp">
<p class="wpss"> <em>Copyright © 2002-2023 uogjgqi.cn 快上網(wǎng)建站品牌 QQ：244261566 版權(quán)所有</em> <em>備案號(hào)：<a rel="external nofollow">蜀ICP備19037934號(hào)</a></em>
</p>
<p class="wpss" style="line-height:30px !important;"> </p>
</div>
</div>
<div id="xfjx5nt" class="footer-kefu">
<ul>
<li id="7hjjdzv" class="qq"><a ><em></em>在線咨詢</a>
</li>
<li id="fv755n7" class="tel"><a href="tel:13518219792" target="_blank"><em></em>13518219792</a></li>
<li id="5r5h75j" class="wx"> <em></em>
<div id="h7hllz5" class="code"> <img src="/Public/Home/images/ew.jpg" />
<p>微信二維碼</p>
</div>
</li>
<li id="5nvrrzf" class="m"> <em></em>
<div id="hnnxtbr" class="code"> <img src="/Public/Home/images/ew.jpg" />
<p>移動(dòng)版官網(wǎng)</p>
</div>
</li>
<li id="tz7bntr" class="top"><em></em></li>
</ul>
</div>
<script src="/Public/Home/js/all.js"></script>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://uogjgqi.cn/" title="av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片">av激情亚洲男人的天堂国语</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="vxxff" class="pl_css_ganrao" style="display: none;"><thead id="vxxff"><progress id="vxxff"></progress></thead><legend id="vxxff"><thead id="vxxff"></thead></legend><var id="vxxff"><thead id="vxxff"></thead></var><address id="vxxff"><thead id="vxxff"></thead></address><thead id="vxxff"><font id="vxxff"></font></thead><address id="vxxff"><ruby id="vxxff"></ruby></address><thead id="vxxff"><b id="vxxff"></b></thead><ol id="vxxff"><acronym id="vxxff"></acronym></ol><listing id="vxxff"><p id="vxxff"></p></listing><listing id="vxxff"><var id="vxxff"></var></listing><strong id="vxxff"><sup id="vxxff"></sup></strong><pre id="vxxff"><b id="vxxff"></b></pre><strong id="vxxff"><nobr id="vxxff"></nobr></strong><pre id="vxxff"><pre id="vxxff"></pre></pre><video id="vxxff"><listing id="vxxff"></listing></video><mark id="vxxff"><dfn id="vxxff"></dfn></mark><output id="vxxff"><tt id="vxxff"></tt></output><thead id="vxxff"><optgroup id="vxxff"></optgroup></thead><tt id="vxxff"><nobr id="vxxff"></nobr></tt><menuitem id="vxxff"><ruby id="vxxff"></ruby></menuitem><legend id="vxxff"><big id="vxxff"></big></legend><ruby id="vxxff"><video id="vxxff"></video></ruby><menuitem id="vxxff"><u id="vxxff"></u></menuitem><menuitem id="vxxff"><nobr id="vxxff"></nobr></menuitem><output id="vxxff"><strong id="vxxff"></strong></output><b id="vxxff"><listing id="vxxff"></listing></b><style id="vxxff"><acronym id="vxxff"></acronym></style><acronym id="vxxff"><address id="vxxff"></address></acronym><sup id="vxxff"><p id="vxxff"></p></sup><ol id="vxxff"><progress id="vxxff"></progress></ol><b id="vxxff"><listing id="vxxff"></listing></b><pre id="vxxff"><p id="vxxff"></p></pre><u id="vxxff"><optgroup id="vxxff"></optgroup></u><dfn id="vxxff"><var id="vxxff"></var></dfn><menuitem id="vxxff"><ruby id="vxxff"></ruby></menuitem><big id="vxxff"><mark id="vxxff"></mark></big><output id="vxxff"><strong id="vxxff"></strong></output><nobr id="vxxff"><legend id="vxxff"></legend></nobr><style id="vxxff"><legend id="vxxff"></legend></style><tt id="vxxff"><nobr id="vxxff"></nobr></tt><b id="vxxff"><pre id="vxxff"></pre></b><b id="vxxff"><dfn id="vxxff"></dfn></b><video id="vxxff"><listing id="vxxff"></listing></video><dfn id="vxxff"><strong id="vxxff"></strong></dfn><tt id="vxxff"><u id="vxxff"></u></tt><pre id="vxxff"><var id="vxxff"></var></pre><listing id="vxxff"><var id="vxxff"></var></listing><tt id="vxxff"><u id="vxxff"></u></tt><u id="vxxff"><strong id="vxxff"></strong></u><strong id="vxxff"><sup id="vxxff"></sup></strong><ruby id="vxxff"><video id="vxxff"></video></ruby><strong id="vxxff"><sup id="vxxff"></sup></strong><ol id="vxxff"><font id="vxxff"></font></ol><p id="vxxff"><mark id="vxxff"></mark></p><track id="vxxff"><u id="vxxff"></u></track><pre id="vxxff"><mark id="vxxff"></mark></pre><thead id="vxxff"><progress id="vxxff"></progress></thead><legend id="vxxff"><legend id="vxxff"></legend></legend><b id="vxxff"><listing id="vxxff"></listing></b><address id="vxxff"><thead id="vxxff"></thead></address><sup id="vxxff"><big id="vxxff"></big></sup><font id="vxxff"><strong id="vxxff"></strong></font><video id="vxxff"><pre id="vxxff"></pre></video><tt id="vxxff"><nobr id="vxxff"></nobr></tt><p id="vxxff"><form id="vxxff"></form></p><form id="vxxff"><output id="vxxff"></output></form><font id="vxxff"><tt id="vxxff"></tt></font><ruby id="vxxff"><video id="vxxff"></video></ruby><u id="vxxff"><strong id="vxxff"></strong></u><acronym id="vxxff"><menuitem id="vxxff"></menuitem></acronym><style id="vxxff"><legend id="vxxff"></legend></style><thead id="vxxff"><progress id="vxxff"></progress></thead><big id="vxxff"><mark id="vxxff"></mark></big><address id="vxxff"><thead id="vxxff"></thead></address><ruby id="vxxff"><video id="vxxff"></video></ruby><legend id="vxxff"><legend id="vxxff"></legend></legend><strong id="vxxff"><ol id="vxxff"></ol></strong><video id="vxxff"><pre id="vxxff"></pre></video><progress id="vxxff"><menuitem id="vxxff"></menuitem></progress><legend id="vxxff"><big id="vxxff"></big></legend><strong id="vxxff"><legend id="vxxff"></legend></strong><thead id="vxxff"><progress id="vxxff"></progress></thead><tt id="vxxff"><nobr id="vxxff"></nobr></tt><legend id="vxxff"><address id="vxxff"></address></legend><p id="vxxff"><form id="vxxff"></form></p><pre id="vxxff"><p id="vxxff"></p></pre><output id="vxxff"><var id="vxxff"></var></output><optgroup id="vxxff"><pre id="vxxff"></pre></optgroup><acronym id="vxxff"><menuitem id="vxxff"></menuitem></acronym><thead id="vxxff"><video id="vxxff"></video></thead><u id="vxxff"><optgroup id="vxxff"></optgroup></u><progress id="vxxff"><menuitem id="vxxff"></menuitem></progress><style id="vxxff"><acronym id="vxxff"></acronym></style><track id="vxxff"><style id="vxxff"></style></track><ruby id="vxxff"><video id="vxxff"></video></ruby><legend id="vxxff"><big id="vxxff"></big></legend><thead id="vxxff"><font id="vxxff"></font></thead><ruby id="vxxff"><optgroup id="vxxff"></optgroup></ruby><acronym id="vxxff"><address id="vxxff"></address></acronym><thead id="vxxff"><video id="vxxff"></video></thead></div>
</html>
<script>
$(".cont img").each(function(){
var src = $(this).attr("src"); //獲取圖片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //絕對(duì)路徑
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script>
