• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 前端开发 >> div+css >> div+css 布局最精简代码建议

div+css 布局最精简代码建议

• 作者：创新互联 文章来源：前端开发部 点击数： 更新时间：2008-09-15
• 　　如何使网站速度快，需要精简代码，那么如何精简代码呢？div+CSS 布局最精简代码建议，使用div+css布局做到最精简的代码，以达升网站速度的目的。
  
  1、css样式尽量合并成一个外部文件，采用link方式导入到网页中来，可以减少不少内嵌在网页中的css代码。
  
  2、多用全局样式，比如网页中只有一个h1标签，那么直接在css文件中定义h1的样式，如h1{......}，而不要给h1标签加class或者id来定义样式，这样一来就可以省略class=""或id=""，整个网页精简下来就可以简洁不少代码。
  
  3、多采用父级继承样式控制，在div中尽量使用不同标签来控制网页表现形式，比如一个div中需要有3个不同颜色的文字，这样做同样可以减少不少的class和id。
  
  <div>
      第一种文字
      <span>第二种文字</span>
      <font>第三种文字</font>
  </div>
  
  css样式可以这样写：
  div { color: #000}
  div span { color: #f00}
  div font { color: #0f0}
• 网站制作中版面设计TABLE/DIV+CSS优势 :上一篇
  DIV+CSS布局网页对网站优化产生的影响 :下一篇