十天速成div+css入门教程：告别表格布局
需积分: 10 82 浏览量
更新于2024-07-21
收藏 4.56MB PDF 举报
在这份十天学会div+css教程的完整版中，第一天的内容主要围绕html和css的基础知识展开，帮助读者从传统的表格布局向web标准（div+css）转变。课程开始于对xhtml和css的介绍，强调了以下几个关键点：
1. **文档类型**：课程强调了使用<!DOCTYPE html>声明的重要性，这是定义文档类型为XHTML1.0 Transitional的标准，确保浏览器按照XHTML规范解析，虽然过渡类型允许使用HTML4.01的标签，但仍要求遵循XHTML的语法规则。保留这个声明有助于避免样式问题和潜在兼容性问题。
2. **语言编码**：通过<meta>标签设置content属性为"text/html; charset=UTF-8"，确保了网页内容的字符集，对于非ASCII字符的正确显示至关重要。
3. **html标签**：虽然未详尽列举，但提到html标签是构建网页结构的基础，课程可能涉及常用元素如`<html>`、`<head>`、`<body>`等及其用途。
4. **css样式**：课程涉及css样式的基本应用，包括选择器、属性和值的使用，以及如何通过css控制网页的布局和外观。
5. **css优先级**：讲解了不同类型的样式规则（如内联样式、内联样式表和外部样式表）之间的优先级，这对于理解和解决样式冲突至关重要。
6. **css盒模型**：介绍元素在页面上的表现是由内容区域、内边距、边框和外边距共同构成的，理解盒模型对于定位和布局设计至关重要。
课程采用实例驱动的方式，以实际操作为主，注重关键点和难点的讲解，而不是深入理论概念，因为作者认为理解和实践比纯粹的概念记忆更为重要。此外，css hack的内容并未单独列出，而是结合实际场景进行讲解，以适应不同浏览器的行为差异。
第一天的内容为div+css的学习打下了坚实的基础，帮助读者逐步掌握网页布局和设计的核心技术。通过后续九天的学习，读者将能够运用这些基础知识，创建出符合web标准的美观且功能性的网站。
2014-02-18 上传
2013-03-24 上传
点击了解资源详情
2019-12-02 上传
点击了解资源详情
点击了解资源详情
点击了解资源详情
