龙岗网站建设,网站优化之CSS代码优化技巧小讲
 
 
建站常识
/go100.net
 
网站建设相关概念知识
给建站新老手推荐3个CS..
如何挑选网站关键词?
HTML中DIV的浮动、..
龙岗网站建设要注意网站导航
CSS中的两种选择器id..
怎么解决网站在在e7、8..
唯品会周年庆 ..
html5建站需要注意点..
jquery设为首页、加..
 
您当前的位置:
  建站教程
 
网站优化之CSS代码优化技巧小讲 发布人:龙岗网站建设
分享到:
发布时间:2014/5/6

不知道你在做网站优化的时候是否考虑过代码的优化,网站的优化代码优化是最基础的,可以让蜘蛛更好地爬行,进而给搜索引擎留下一个良好的印象,这里龙岗网站建设将主要讲一下css代码怎么优化。

关于css代码的优化:

   一、CSS重用优化

     例如:

     .a{ width:80px; height:40px; text-align:left; float:left; font-size:12px;}
     .b{ width:80px; height:40px; text-align:right; float:left; font-size:12px;}

    他们都有相同高度、宽度、浮动、文字大小,而只有内容居左居右不同(你可能需要了解CSS居中),我们就可以提取他们相同属性
    优化后:

    .a ,.b{ width:80px; height:40px; text-align:left; float:left; font-size:12px;}
    .b{text-align:right; }

   二、缩写CSS代码
  
   实例:  

   margin(外补白属性)

   未优化前
   margin-left:10px; 意思为靠左10px
   margin-right:10px; 靠右10px
   margin-bottom:15px; 底部延伸15px
   margin-top:15px; 顶部延伸15px

   优化简写为
   margin:15px 10px 15px 10px; 意思和属性效果同上,

   还有一点就是,一个网页里面最好只调用一个css样式表,因为这对精简代码增加搜索引擎友好度比较有利。一些网站建设公司可能会用到一些模板,往往会不只一个css文件,这个时候,我们可以人工手动的去合并一下,同时也不要忘了删除里面多于与重复的代码。

   一个好的CSS代码样式,不仅仅可以使网站代码清爽、干净,还能提高搜索引擎的搜索效率,以及网站的打开速度等。龙岗网站建设一直坚持CSS代码的优化,致力于给客户提供一个极速的网站打开速度体验和良好的SEO优化环境。   

 
温馨提示:本内容发布于龙岗网站建设(http://www.go100.net),欢迎您转载,请保留版权!
 
 
上一条: 怎么样成为一个身兼多职的站长
下一条: 网站加SKYPE客服代码
 
 
[ 相关更新 ]
· 网站建设相关概念知识
· 给建站新老手推荐3个CSS技巧!
· 如何挑选网站关键词?
· HTML中DIV的浮动、定位、和框架模型
· 龙岗网站建设要注意网站导航
 
Site Map
 
· 套餐报价
· 功能模块
· 售后服务
 
· 网站优化
· 优化报价
 
· 域名注册
· 空间租用
· 企业邮局
 
· 外贸网站建设
· 模具网站建设
· 五金网站建设
· 家具网站建设
· 其他类案例
 
· 网站建设
· 网站优化
· 网络营销
· 常见问题
· 建站教程
· 热门话题
 
· 公司介绍
· 新闻动态
· 我们的优势
· 下载中心
· 付款方式
· 联系我们
 
在线客服