零基础建站培训介绍

当前位置:

div+css布局是什么意思

div css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的代码定位方式,可实现网页页面内容与表现相分离。

简单来说就是把设计的网页(用ps,fireworks等设计的),用div css布局后,使得页面内容(div)和表现(css)的分离,有利于用户的体验,更是精简了代码。

以前,web工程师通过table进行页面布局(现在Google的picasa等应用还能找到table布局应用的例子),现在页面布局大都推荐div css方式。         所谓的div css是指通过css控制div的布局。其实这儿div可以理解为统称,实际应用的不仅是div,还有p,span,img,table等任意节点的定位都可以通过css来控制。

div+css布局是什么意思

div css在网站制作过程中,有着以下的特点:

  1. 简要对比一下:     1、div css相对于table更为灵活,用table布局,代码臃肿。     2、语义性问题。从语义上来说,table应该只是表格数据的容器,不应该是布局的工具。     3、样式渲染问题。table布局要等内容全部加载完毕后才渲染样式,如果用户网速不好,这样用户体验会很差。

    div+css布局是什么意思

  2. 在WEB前端开发中,HTML,CSS,JS这三家三驾马车分别代表着结构,展示,和交互。 在web1.0的时代,页面的逻辑并不是特别复杂,对用户体验的要求也不是很高,table被大量开发者用来做布局元素,横跨结构和展示两个部分,是很“重”的。但是在如今web前端逻辑越…显示全部

    在WEB前端开发中,HTML,CSS,JS这三家三驾马车分别代表着结构,展示,和交互。

    div+css布局是什么意思

  3. 在web1.0的时代,页面的逻辑并不是特别复杂,对用户体验的要求也不是很高,table被大量开发者用来做布局元素,横跨结构和展示两个部分,是很“重”的。

    但是在如今web前端逻辑越来越复杂,用户体验要求越来越高的情况下,对这三者的解耦是必须的。此时再用table拿来做布局就不太合适了,因为table标签的语言根本不是用来做布局的,而是用来传递数据的。而div css是符合解耦这一思想的,div用来控制布局,css用来控制样式。好处从小了说是整个页面的代码组织结构更合理,耦合度更低,从大了说是更利于前端开发的深度分工和复杂合作。

    div+css布局是什么意思

  4. DIV CSS如其字面意思,就是网页HTML代码主要使用DIV将内容模块化,用CSS控制其显示效果。 好处很多,从前端层面来说,大大减轻工作量,提高工作效率。 从界面布局来将,能够更准确的将页面元素定位,且保证在不同的环境下获得基本一致的效果。 还有比如你说…显示全部

    div+css布局是什么意思

  5. DIV CSS如其字面意思,就是网页HTML代码主要使用DIV将内容模块化,用CSS控制其显示效果。好处很多,从前端层面来说,大大减轻工作量,提高工作效率。从界面布局来将,能够更准确的将页面元素定位,且保证在不同的环境下获得基本一致的效果。

    div+css布局是什么意思

  6. 前端的制作常常会涉及到一个问题,就是定位布局。 按照页面设计图来进行定位的话,在以往是用TABLE的方式,也就是将整个页面当做一张大表格,然后哪个地方需要放置什么元素就在表格里放置那个元素。 CSS 是层叠式样式表,是对HTML元素比如p,h1,还有div之类…显示全部

    div+css布局是什么意思

  7. 前端的制作常常会涉及到一个问题,就是定位布局。
  8. 按照页面设计图来进行定位的话,在以往是用TABLE的方式,也就是将整个页面当做一张大表格,然后哪个地方需要放置什么元素就在表格里放置那个元素。
上一课: 下一课:
在线
客服
手机二维码 手机二维码
返回顶部 返回顶部

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛客服李欣蓉QQ:2289556365

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛客服孙丽QQ:2399118408

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛客服刘淼淼QQ:1135082670

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛讲师张启亚QQ:2357852508

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛讲师方重华QQ:1730401718

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛讲师唐超QQ:909722045

或者使用微信扫码咨询

x

温馨提示

为防止临时会话收不到QQ信息,请加QQ好友咨询
论坛讲师赵鹏QQ:614862774

或者使用微信扫码咨询

x

微信咨询

可使用微信扫下方二维码加好友咨询。

x