掌握XHTML与CSS基础：文档类型与布局规则
需积分: 12 164 浏览量
更新于2024-09-09
收藏 527KB PPT 举报
本文档深入介绍了第一天学习XHTML和CSS的基础知识，对于网页开发者来说具有重要的参考价值。主要内容包括：
1. 文档类型：
文档类型声明是XHTML的重要组成部分，如<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">。过渡类型是默认选择，因为它允许使用HTML4.01的标签，同时保持XHTML的语法规则。尽管有些人可能会忽略这一声明，但保留它能确保浏览器正确解析并遵循规范，防止样式失效或未知错误。
2. 语言编码：
使用<meta>标签设置文档的编码，如GB2312或UTF-8。编码一致性至关重要，否则可能导致文本乱码。确保CSS和其他相关文件的编码与文档编码一致，以确保正常显示。
3. HTML标签：
HTML标签结构要求严谨，成对的标签（如<head>、<body>、<div>等）必须正确关闭，并且使用小写字母。了解单标签（如<img>、<br>）的使用规则也是基础。
4. CSS样式：
CSS用于控制网页外观，有四种常见的样式加载方式：外部样式表（<link>）、内部样式（style属性）、行内样式（元素直接附带style属性）和导入样式（@import）。理解这些方式有助于创建可维护的样式体系。
5. 盒模型：
CSS盒模型包括内容区域、内边距、边框和外边距，理解这些概念对于实现精确布局和设计至关重要。
6. 网页布局：
常见的网页布局方法包括表格布局、浮动布局、Flexbox和Grid布局等，初学者需掌握这些技术以适应不同场景的需求。
通过学习这些基础知识，新手可以更好地构建结构清晰、规范的HTML页面，并运用CSS进行有效的样式控制。在实际开发中，遵循文档类型声明、编码标准和正确的标签结构将有助于提升页面质量和兼容性。
Page 3
常见的网页布局
1. 文档类型
当我们用 dreamweaver 新建一下 html 格式文
档时，查看源代码，会发现代码最上部有如下这
句话：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
这句话标明本文档是过渡类型，另外还有框架和严格
类型，目前一般都采用过渡类型，因为浏览器对
XHTML 的解析比较宽松，允许使用 HTML4.01 中的
标签，但必须符合 XHTML 的语法。许多朋友在制作
页面时，往往喜欢把这句删除掉，在这里建议大家一
定要保留这句话，删除它后可能引起某些样式表失效
或其它意想不到的问题。
剩余11页未读，继续阅读
2012-07-04 上传
170 浏览量
点击了解资源详情
2023-09-12 上传
105 浏览量
146 浏览量
2021-04-26 上传
2010-02-05 上传
z11530241
- 粉丝: 2
我的内容管理
展开
最新资源
- jQuery软键盘插件jquery.keypad.package-1.2.0实用教程
- 探索HTML领域的a3a技术应用
- 冬季主题New Tab扩展：个性化壁纸与游戏
- ShearLab-PPFT-1.0：图像去噪实战与学习资源分享
- Linux平台socket聊天工具源码及Makefile分析
- 使用JavaScript打造简单优雅的sparklines火花线图表
- 探索个人摄影艺术与技术：sathvikphotography.github.io
- 两人对战中国象棋在线游戏源码解析
- 丹·史蒂文斯Chrome壁纸插件：新标签页个性化
- 微信裂变红包源码解压与配置指南
- 局域网内计算机远程唤醒解决方案
- 非人类html家庭作业的PHP存储库解析
- GBK与UTF-8编码互转实用工具
- 用Node.js实现的最喜欢的专辑CRUD应用教程
- 深入解析DOM遍历技术，实现XML文件节点的全面管理
- 在VC6.0下编译SQLite3.lib类库的详细步骤
