CSS 引入子图(Sub-Domain Routing, Sub-Domain Routing)是一种用于管理网站域名下的子域名的机制，可以让网站管理员更加灵活地控制网站的内容分发和搜索引擎排名。在 CSS 引入子图的情况下，父域名下的子域名将映射到一个特定的子域名，而不是在父域名下直接包含子域名的内容。
CSS 引入子图的主要目的是提高网站的安全性和搜索引擎排名。通过将父域名下的内容分发到特定的子域名下，可以控制网站的内容，避免内容的重复和污染。同时，通过 CSS 引入子图，可以让搜索引擎更加灵活地索引网站的内容，提高网站的排名。
实现方式：
CSS 引入子图的实现方式有两种：一种是基于 HTTP 头部的子域名映射，另一种是基于 CSS 文件的子域名映射。
基于 HTTP 头部的子域名映射是指在 HTTP 头部中设置子域名的映射关系，使得子域名下的内容被映射到特定的子域名下。例如，在 HTTP 头部中设置 `subdomain.example.com` 为子域名，`example.com` 为父域名，那么子域名下的内容将被映射到 `example.com` 的子域名下。这种方式需要在网站服务器端设置 HTTP 头部，并且需要保证 HTTP 头部设置正确。
基于 CSS 文件的子域名映射是指在 CSS 文件中设置子域名的映射关系，使得子域名下的内容被映射到特定的子域名下。例如，在 CSS 文件中设置 `.example-content` 为子域名，`example.com` 为父域名，那么子域名下的内容将被映射到 `example.com` 的子域名下。这种方式不需要在网站服务器端设置 HTTP 头部，但是需要使用 CSS 文件来管理子域名的内容。
基于 HTTP 头部的子域名映射：
1. 方便控制：只需要在 HTTP 头部中设置子域名的映射关系，不需要在网站服务器端设置 HTTP 头部，方便控制。
2. 安全性高：由于子域名的内容被映射到特定的子域名下，可以避免内容的重复和污染，提高网站的安全性。
3. 搜索引擎友好：由于子域名下的内容被映射到特定的子域名下，可以更好地控制网站的内容，提高搜索引擎友好性。
1. 效率低：需要设置 HTTP 头部，会增加网站服务器端的负载，效率较低。
2. 管理复杂：需要手动管理 HTTP 头部和 CSS 文件，管理起来比较复杂。
基于 CSS 文件的子域名映射：
1. 管理简单：只需要在 CSS 文件中设置子域名的映射关系，不需要在网站服务器端设置 HTTP 头部，管理起来比较简单。
2. 安全性高：由于 CSS 文件来管理子域名的内容，可以避免内容的重复和污染，提高网站的安全性。
3. 搜索引擎友好：由于 CSS 文件来管理子域名的内容，可以更好地控制网站的内容，提高搜索引擎友好性。
1. 效率低：需要手动解析 CSS 文件，会增加网站服务器端的负载，效率较低。
2. 灵活性差：由于 CSS 文件来管理子域名的内容，灵活性较差，需要根据具体情况进行调整。
CSS 引入子图是一种用于管理网站域名下的子域名的机制，可以让网站管理员更加灵活地控制网站的内容分发和搜索引擎排名。基于 HTTP 头部的子域名映射和基于 CSS 文件的子域名映射各有优缺点，需要根据具体情况选择适合的实现方式。