XHTML与CSS层叠重要度解析
需积分: 9 14 浏览量
更新于2024-08-14
收藏 398KB PPT 举报
"层叠的重要度采用以下重要度次序-xhtml+cssxhtml+css"
在网页设计中,CSS(层叠样式表)的样式应用遵循一定的规则,即层叠的重要度次序。这个顺序决定了当多个样式规则应用于同一个元素时,哪个规则将被执行。以下是这个次序:
1. **浏览器默认样式**:每个浏览器都有自己的默认样式表,这些样式为没有自定义样式的元素提供了基础外观。
2. **用户定义样式**:用户可以通过浏览器的设置来修改网页的样式,例如改变字体大小或颜色,这些用户定义的样式优先级高于浏览器默认样式。
3. **制作者定义样式**:网页开发者在HTML文件中通过`<style>`标签或者外部CSS文件定义的样式,这部分样式比用户定义的样式优先级低,但高于浏览器默认样式。
4. **标为 `!important` 的制作者样式**:开发者可以为某个样式规则添加`!important`关键字,这将使该规则具有最高优先级,除非有同样使用`!important`的其他规则。
5. **标为 `!important` 的用户样式**:在CSS 2中,如果用户定义的样式也带有`!important`,它们的优先级会高于内联样式,但在Internet Explorer 6中不支持这种情况。
当样式权重相同时,CSS会根据“层叠原则”决定应用哪个样式。按照定义顺序,后出现的样式会覆盖前面的样式,这意味着在同一个选择器下的样式,如果后面的样式没有使用`!important`,那么它将覆盖前面的样式。
XHTML(可扩展超文本标记语言)是HTML的一个更严格、更纯净的版本,它结合了HTML的简单性和XML的严谨性。XHTML的设计要求包括:
- 文档必须遵循严格的语法规则,比如所有标签都必须闭合,不允许属性值中使用空格等。
- 使用`<!DOCTYPE>`声明指定文档类型,例如`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`,这表示文档遵循XHTML 1.0 Strict DTD,要求严格的语法。
- HTML标签应使用小写字母。
- 属性名和属性值用双引号括起来。
- 空格和换行可以被压缩,以减少文件大小。
XHTML的三种DOCTYPE声明:
- 严格的(Strict):不允许任何表现层的标签和属性,旨在减少页面对CSS的依赖。
- 过渡的(Transitional):允许使用一些表现层的标签和属性,为旧代码向XHTML过渡提供支持。
- 框架的(Frameset):适用于包含框架的文档。
通过遵循XHTML标准,开发者可以创建更结构化、更易于解析的网页,同时有利于搜索引擎优化和无障碍访问。
2018-08-20 上传
2010-11-20 上传
2019-07-22 上传
2015-06-16 上传
2013-05-03 上传
2022-11-20 上传
2022-11-16 上传
2022-11-16 上传
Pa1nk1LLeR
- 粉丝: 67
- 资源: 2万+
最新资源
- Elasticsearch核心改进:实现Translog与索引线程分离
- 分享个人Vim与Git配置文件管理经验
- 文本动画新体验:textillate插件功能介绍
- Python图像处理库Pillow 2.5.2版本发布
- DeepClassifier:简化文本分类任务的深度学习库
- Java领域恩舒技术深度解析
- 渲染jquery-mentions的markdown-it-jquery-mention插件
- CompbuildREDUX:探索Minecraft的现实主义纹理包
- Nest框架的入门教程与部署指南
- Slack黑暗主题脚本教程:简易安装指南
- JavaScript开发进阶:探索develop-it-master项目
- SafeStbImageSharp:提升安全性与代码重构的图像处理库
- Python图像处理库Pillow 2.5.0版本发布
- mytest仓库功能测试与HTML实践
- MATLAB与Python对比分析——cw-09-jareod源代码探究
- KeyGenerator工具:自动化部署节点密钥生成