日期:2014-05-16  浏览次数:20678 次

DIV+CSS专题:入门教程
                
更多精彩内容,请点击:乐享webyhttp://www.weby.com.cn

  DIV+CSS是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。 用div盒模型结构给各部分内容划分到不同的区块,然后用css来定义盒模型的位置、大小、边框、内外边距、排列方式等。

  CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。在我们用table布局时,都曾接触和应用到css。

  DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。

  简单地说,div 用于搭建网站结构(框架)、css 用于创建网站表现(样式/美化),实质即使用XHTML对网站进行标准化重构,使用CSS将表现与内容分离,便于网站维护,简化html页面代码,可以获得一个较优秀的网站结构便于日后维护、协同工作和搜索引擎蜘蛛抓取。

  Div+CSS布局入门教程入门教程是供初学者循序渐进学习的,从一列固定宽度讲起,逐步深入讲解二列固定宽度,二列自适应宽度,三列布局,div菜单及背景图片的应用。更多从实例出发,更适合快速学习掌握div+css。
DIV+CSS网页布局初级入门系列教程http://www.weby.com.cn
CSS网页布局入门教程14:纵向下拉及多级弹出式菜单http://www.weby.com.cn
CSS网页布局入门教程13:下拉及多级弹出式菜单http://www.weby.com.cn
CSS网页布局入门教程12:纵向导航菜单http://www.weby.com.cn
CSS网页布局入门教程11:带当前标识的标签式横向导航图片美化版http://www.weby.com.cn
CSS网页布局入门教程10:带当前标识的标签式横向导航http://www.weby.com.cn
CSS网页布局入门教程9:用CSS设计网站导航——横向导航http://www.weby.com.cn
CSS网页布局入门教程8:三列浮动中间列宽度自适应http://www.weby.com.cn
CSS网页布局入门教程7:二列固定宽度居中http://www.weby.com.cn
CSS网页布局入门教程6:左列固定,右列宽度自适应http://www.weby.com.cn
CSS网页布局入门教程5:二列宽度自适应http://www.weby.com.cn
CSS网页布局入门教程4:二列固定宽度http://www.weby.com.cn
CSS网页布局入门教程3:一列固定宽度居中http://www.weby.com.cn
CSS网页布局入门教程2:一列自适应宽度http://www.weby.com.cn
CSS网页布局入门教程1:一列固定宽度http://www.weby.com.cn