DIV+CSS网页布局设计指南

需积分: 43 1 下载量 172 浏览量 更新于2024-07-28 收藏 959KB PDF 举报
DIVCSS布局大全 DIVCSS布局大全是指使用DIV和CSS技术来实现网页布局的方法。这种方法可以使网页布局更加灵活、美观、高效。以下是 DIVCSS布局大全的详细知识点: 一、DIV+CSS布局入门 * 什么是DIV+CSS布局?DIV+CSS布局是一种使用DIV标签和CSS样式来实现网页布局的方法。 * DIV+CSS布局的优点:灵活、美观、高效、易于维护等。 二、XHTML下CSS+DIV布局总结 * 什么是XHTML?XHTML是基于XML的HTML语言,具有更强的可读性和可扩展性。 * 在XHTML中使用CSS+DIV布局的优点:使网页布局更加灵活、美观、高效。 三、网页设计DIV+CSS——第1天:选择什么样的DOCTYPE * 什么是DOCTYPE?DOCTYPE是文档类型声明,它用于告诉浏览器使用哪种文档类型来解析网页。 * 如何选择合适的DOCTYPE?根据网页的需求和目标浏览器选择合适的DOCTYPE。 四、网页设计DIV+CSS——第2天:什么是名字空间 * 什么是名字空间?名字空间是指在XML中使用的命名约定,用于避免标签名的冲突。 * 如何使用名字空间?在XML文档中使用xmlns属性来声明名字空间。 五、网页设计DIV+CSS——第3天:定义语言编码 * 什么是语言编码?语言编码是指网页使用的语言编码,用于指定网页的语言和字符集。 * 如何定义语言编码?使用meta标签或HTTP头来定义语言编码。 六、网页设计DIV+CSS——第4天:调用样式表 * 什么是样式表?样式表是指使用CSS语言编写的样式规则,用于控制网页的布局和样式。 * 如何调用样式表?使用link标签或style标签来调用样式表。 七、网页设计DIV+CSS——第5天:head区的其他设置 * 什么是head区?head区是指网页的头部区域,用于存放网页的元数据。 * 如何设置head区的其他设置?使用meta标签、link标签和title标签来设置head区的其他设置。 八、网页设计DIV+CSS——第6天:XHTML代码规范 * 什么是XHTML代码规范?XHTML代码规范是指编写XHTML代码的规则和约定。 * 如何遵守XHTML代码规范?遵守XHTML代码规范的七条规则:所有的标记都必须要有一个相应的结束标记、所有标签的元素和属性的名字都必须使用小写、所有的XML标记都必须合理嵌套、所有的属性必须用引号""括起来、把所有<和&特殊符号用编码表示、给所有属性赋一个值、不要在注释内容中使“--”。 九、网页设计DIV+CSS——第7天:CSS入门 * 什么是CSS?CSS是指层叠样式表语言,用于控制网页的布局和样式。 * CSS的基本语法规范:选择器、属性、值、单位等。 * 如何定义字体、颜色值、群选择器、派生选择器、id选择器、类别选择器等。 十、网页设计DIV+CSS——第8天:CSS布局入门 * 什么是CSS布局?CSS布局是指使用CSS技术来实现网页布局的方法。 * 如何定义DIV、CSS2盒模型、辅助图片一律用背景处理等。