成人精品国产亚洲_chinese人妖_我爱52av好色_用力哦我要喷了h文男男

資訊動態

網站CSS樣式,讓企業網站展示更標準

日期:2023-03-11 作者:超級管理員 來源:本站

珠海網訊互聯曾經在一篇文章中指出,DIV+CSS的網站設計技術已經成為企業網站建設中的一個大發展趨勢,下面讓我們的小編來繼續這個話題,教大家如何寫出高效的CSS代碼,讓企業網站展現的更標準。

首先我們來看以下兩個CSS執行效率的對比

網站CSS樣式,讓企業網站展示更標準

低效率的CSS

p{ font-family: arial, helvetica, sans-serif; }
#container { font-family: arial, helvetica, sans-serif; }
#navigation { font-family: arial, helvetica, sans-serif; }
#content { font-family: arial, helvetica, sans-serif; }
#sidebar { font-family: arial, helvetica, sans-serif; }
h1 { font-family: georgia, times, serif; }

高效的CSS

body { font-family: arial, helvetica, sans-serif; }
body { font-family: arial, helvetica, sans-serif; }
h1 { font-family: georgia, times, serif; }


其次可以使用簡記屬性的CSS代碼:

body { font: 85% arial, helvetica, sans-serif; background: url(image.gif) no-repeat 0 100%; margin: 1em 1em 0; padding: 10px; border: 1px solid red; color: #222; }

還有一個注意事項就是盡量少的使用 !important

慎用寫法
#news { background: #ddd !important; }
特定情況下可以使用以下方式提高權重級別
#container #news { background: #ddd; }
body #container #news { background: #ddd; }

最后就是盡量使用 link 引入外部樣式表,為了對老版本瀏覽更好的提供支持,在編寫CSS代碼時盡量使用 link 引入外部樣式表的方來代替 @import導入樣式的方式。

@import和link在使用上會有一些區別, 利用二者之間的差異,可以在實際運用中進行權衡。

二維碼
掃二維碼手機查看該文章
當前網址:http://m.drinkflexwater.com/jianzhan/729.html

相關資訊

?
Copyright ? 2007-2024 珠海市網訊互聯信息科技有限公司 m.drinkflexwater.com 版權所有
粵公網安備44040202000391號 粵ICP備19117377號 網站地圖 站點地圖
在線客服