XML CSS 学习笔记

XML

XML 是一种可扩展的标记语言，被广泛地应用于数据交换与存储。在 XML 中，使用标签来描述数据的结构和语义，类似于 HTML。

XML 基础语法

XML 文件以 <?xml version="1.0" encoding="UTF-8"?> 开头，指明 XML 的版本以及使用的字符集编码。接下来就是一系列元素的描述了，每个元素包含一个标签和一个值，标签用尖括号 < 和 > 包裹起来，值放在标签中间。例如：

xmlCopy Code
<book>
  <title>Python 入门</title>
  <author>张三</author>
  <price>29.99</price>
</book>

XML 命名空间

由于 XML 可以描述的数据类型非常多，可能存在冲突，为了避免这种情况，XML 引入了命名空间的概念，即同一个标签在不同的命名空间下有不同的含义。使用方法如下：

xmlCopy Code
<catalog xmlns:web="http://www.w3.org/2005/Atom">
  <web:entry>
    <web:title>XML 学习笔记</web:title>
    <web:summary>这是一篇 XML 学习笔记。</web:summary>
  </web:entry>
</catalog>

其中 xmlns:web 表示定义了一个命名空间前缀为 web，对应的命名空间 URI 是 http://www.w3.org/2005/Atom。

CSS

CSS 是一种用于描述文档展示方式的样式表语言。在 HTML 中，可以使用 CSS 来改变样式，例如文字颜色、背景颜色、字体大小等等。

CSS 基础语法

CSS 规则由选择器和声明块组成。选择器用于指定要修改的元素，声明块由花括号 { 和 } 包裹，包含一系列属性和值的键值对，用分号 ; 分隔开。例如：

cssCopy Code
p {
  color: red;
  font-size: 16px;
}

以上代码表示选中所有的 <p> 元素，将它们的文字颜色设为红色，字体大小设为 16 像素。

CSS 选择器

CSS 选择器用于指定要修改的元素，根据不同的选择器，可以有不同的选中方式。以下是常用的几种选择器示例：

标签选择器：例如 p 选中所有的 <p> 元素。
类选择器：例如 .red 选中所有 class 属性为 red 的元素。
ID 选择器：例如 #header 选中 id 属性为 header 的元素。
后代选择器：例如 div p 选中所有位于 div 元素下的 <p> 元素。

示例

以下是一个使用 XML 和 CSS 的示例，展示了如何描述一本书的信息，并使用 CSS 为其添加样式：

xmlCopy Code
<book>
  <title>Python 入门</title>
  <author>张三</author>
  <price>29.99</price>
</book>

cssCopy Code
.book {
  background-color: #f0f0f0;
  border-radius: 5px;
  padding: 10px;
}

.title {
  font-size: 24px;
  color: blue;
}

.author {
  font-size: 16px;
  color: gray;
}

.price {
  font-size: 18px;
  color: red;
}

以上 CSS 代码将 class 值为 book 的元素的背景色设为灰色，加上圆角边框，内部添加 10 像素的内边距。同时，将 class 值分别为 title、author、price 的元素的文字大小和颜色设为不同的值，实现了对书籍标题、作者和价格的样式设计。