什么要运用Div Css进行网页设计?
来源:互联网 发布:mac 终端 默认路径 编辑:程序博客网 时间:2024/05/29 16:54
为什么要运用Div Css进行网页设计,用Div Css设计有什么好处呢?面对目前Div CSS布局日益成为新站建立的首选,大家不禁产生以上疑问!
CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。网上冲浪无论你用Internet Explorer还是Netscape Navigator,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,同样内容的网页,有的人做出来有几十KB,而高手做出来只有十几KB。
概括来讲使用CSS+DIV构架主要有以下三大好处:
1、对搜索引擎亲和力
一般来说,table构架描述的页面,样式结构和内容信息大小比可能达到1:1甚至更高,而CSS+DIV构架的页面。虽然在客户端看来下载一个复杂的CSS也要占用差不多的带宽,然而搜索引擎可以很方便的绕过这个css,而直接抓去div中的内容。这便是div的优势所在。搜索引擎不会在意一个页面的设计或者构成,搜索引擎不可能“欣赏”设计漂亮新颖的页面,也不会去“排斥”颜色搭配丑陋的页面。它们只是默默地拿到它们需要的内容就离开。如果一个页面中涵盖了大量的table来描述构架,试想搜索引擎要花多大的代价才可以拿到真正有用的信息呢?因此,DIV+CSS结构清晰,容易被搜索引擎搜索到,天生优化了seo。
2、表现和内容分离,便于站点重构页面
内容和样式的分离导致我们在重构页面布局(更换皮肤)的时候,只用针对每一个div元素重新定义其具体位置、样式就行了。而在原来的table基础上进行改版,几乎必须改变所有的内容注入渠道,实在是太过于麻烦。这个应用最经典的例子就是各大blog程序了。就如现在我用的LBS系统,以及流行的PJBLOG、php下面的WP、MT,都是采用div+css构架。
3、便于Web项目开发分工协作
以往的Web开发程序员和页面设计者结合必须相当紧密。由于DIV+CSS构架的表现和内容分离的特性,程序员和页面设计者只要通过一定页面元素的约定,便可进行各自擅长的程序控制和页面展示部分的开发,大大提高了开发效率。
本文来自CSS在线:http://www.csscss.org/cssarticle/2009572.shtml
- 什么要运用Div Css进行网页设计?
- DIV+CSS进行网页设计
- 网页设计-----DIV+CSS规则
- CSS技术在网页设计中的运用
- html静态网页制作中div+css的浅运用
- 网页设计基础:Div+CSS布局入门教程
- 网页设计必然趋势:DIV+CSS
- CSS+DIV下的网页设计实例
- DIV+CSS网页设计常用布局代码
- 轻松搞定网页设计之div+css
- 网页设计基础:Div+CSS布局入门教程
- css+div网页设计(一)--基础知识
- DIV+CSS网页设计常用布局代码
- Div+CSS网页设计(HTML5)
- 网页设计之css+div PK table+css
- 网页设计之css+div PK table+css
- 【网页设计】div+css中的15个css注意事项
- div+css对网页进行整体布局的案例
- 分治算法--循环赛日程表
- DBA 需要知道N种对数据库性能的监控SQL语句
- Android自动化测试初探(一): 捕获Activity上的Element
- PHPCMS数据表分析---v9版本
- Python的内建函数str()与repr()
- 什么要运用Div Css进行网页设计?
- CSS 字数太多时出现省略号
- ASP.NET GridView自动更新操作的常见错误
- 整理 SQL 数据库导出迁移用户账户及权限
- ORACLE用户自动被锁解决方法
- oracle复制表数据,复制表结构
- Winform TextBox中只能输入数字的几种常用方法(C#)
- 使用org.apache.commons.net.ftp包开发FTP客户端,实现进度汇报,实现断点续传,中文支持
- Oracle用户被锁的原因以及解决办法