传统的table布局和现实数据
缺点:- 显示数据和样式绑定在了一起
- 布局的时候灵活度不高
- 一个页面中可能有大量的table元素,代码就会冗余
- 增加带宽
- 搜索引擎不喜欢这种布局
- 不同的浏览器看到的效果一般是相同的
- 理解比较简单
-
显示数据还是很好的
- Div+css
Div片段《显示数据和内容》
|
Css文件:用来指定样式,即指定数据应当怎样显示
|
Div+css是一种目前比较流行的网页布局技术
Div来存放需要显示的数据《文字、图片》的容器
Css用来指定放在div中的内容如何显示,包括这些内容的位置和外观
Div+css的优势
- 符合W3C标准、微软等公司均为W3C支持者
- 搜索引擎更加友好
- 样式的调整更加方便,内容和样式的分离,使页面和样式的调整变得更加方便,现在主流的门户网站均采用该种模式
- Css的大优势表现在简洁的代码,对一个大型网站来说,可以节省大量的带宽
- 表现和结构分离,在团队开发中更容易分工合作而减少相互的关联性
-
table网页设计
内容和样式混合布局 - table+css网页设计 table布局,css指定外观
-
div+css网页设计
div放内容,css指定外观,内容和样式彻底分离
- 标准流
- 盒子模型
- 浮动
- 定位
- CSS实现提示信息在鼠标经过文本时显示
- 常见的C2B电商三种主要模式
- 怎么学网站制作?网站制作如何学习?
- 网络营销技术之网络营销的五大优势
- B2C电子商务的困境与未来
- 网页设计基础知识div+css概述
- 怎么学网站制作?新手教你如何建设网站
- 网店怎么开啊?流程是怎样的?
- 网站维护怎样做?什么是网站维护?
- 网络营销之团购网站SEO技巧分析
看过该网络营销技术教程的还看过
本文标题:网页设计基础知识div+css概述,责任编辑:北大青鸟鲁广校区,来源:武汉宏鹏,于2012年11月19日08时55分发布于北大青鸟鲁广校区。武汉北大青鸟宏鹏鲁广校区,是北大青鸟武汉电脑学校,专业IT计算机培训,拥有软件/网络/安卓/Web前端/Java课程.北大青鸟地址:光谷广场鲁巷数码港.电话:027-87807717