最简单的方式是在视图文件中直接使用 HTML 的 标签引入 CSS 文件，假设你的 CSS 文件位于 assets/css/style.css，可以在视图文件中这样引用：

My CodeIgniter Page

Welcome to CodeIgniter!

说明：

base_url() 是 CodeIgniter 提供的辅助函数，用于生成项目的根 URL，通过它引用资源文件，可以确保路径的正确性，避免因项目部署路径变化导致资源加载失败。

使用 base_url() 前，需确保已加载 URL 辅助函数，可以在控制器中加载，或在 application/config/autoload.php 中配置自动加载。

加载 URL 辅助函数示例（控制器中）：

$this->load->helper('url');

使用 CodeIgniter 的 link_tag() 函数

CodeIgniter 提供了一个辅助函数 link_tag()，专门用于生成 标签的 HTML 代码，使用该函数可以使代码更加简洁和语义化。

示例：

link_tag() 函数会自动生成完整的 标签，简化了手动编写 HTML 的过程。

优化 CSS 引入的最佳实践

使用根目录相对路径或绝对路径

为了确保资源文件在不同环境下都能正确加载,建议始终使用 base_url() 函数生成资源的绝对路径，避免使用相对路径（如 ../assets/css/style.css），因为它们容易受到页面层级变化的影响。

启用 CodeIgniter 的 URL 重写（可选）

如果项目部署在 Apache 服务器上，可以通过启用 URL 重写（使用 .htaccess 文件）移除 index.php，使 URL 更加简洁，这也有助于 base_url() 生成更清晰的资源路径。

示例 .htaccess 文件内容：

RewriteEngine On

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule ^(.*)$ index.php/$1 [L]

合并和压缩 CSS 文件

在生产环境中,为了提高页面加载速度，建议合并多个 CSS 文件并压缩其内容，减少 HTTP 请求次数和文件大小，可以使用构建工具（如 Gulp、Webpack）或在线工具完成这一任务。

使用 CDN 加速静态资源加载

对于常用的 CSS 框架（如 Bootstrap、Font Awesome），建议使用 CDN（内容分发网络）引用，以加快加载速度并减少服务器负担。

处理 CSS 引入中的常见问题

404 错误：CSS 文件未找到

如果浏览器控制台显示 404 错误，表示 CSS 文件未成功加载，可能的原因包括：

路径错误：检查 base_url() 是否正确配置，确保路径与实际文件位置一致。

文件未上传：确认 CSS 文件已上传到服务器指定目录。

权限问题：确保 Web 服务器对 CSS 文件具有读取权限。

CSS 样式未生效

CSS 文件已加载但样式未生效，可能是以下原因：

选择器优先级问题：检查 CSS 选择器是否被其他样式覆盖。

浏览器缓存：尝试清除浏览器缓存或强制刷新页面（Ctrl + F5）。

语法错误：使用开发者工具检查 CSS 文件是否存在语法错误。

跨域问题

CSS 文件托管在不同域名下，可能会遇到跨域限制，确保服务器配置了正确的 CORS 头，允许资源跨域访问。

高级技巧：动态加载 CSS 文件

在某些情况下,可能需要根据用户设备或偏好动态加载不同的 CSS 文件，为移动端和桌面端提供不同的样式表。

示例：根据设备类型加载不同 CSS

agent->is_mobile()) : ?>

说明：

$this->agent->is_mobile() 是 CodeIgniter 的用户代理库提供的方法，用于检测用户设备类型。

需在控制器中加载用户代理库：$this->load->library('user_agent');

结合模板引擎引入 CSS

如果项目使用了模板引擎（如 Twig、Smarty），引入 CSS 的方式可能略有不同，以 Twig 为例：

模板引擎通常提供类似的路径生成函数,确保资源路径的正确性。

在 CodeIgniter 框架中引入 CSS 文件是前端开发的基础操作，掌握正确的方法和最佳实践对于构建高效、可维护的网站至关重要，本文介绍了以下关键点：

基础方法：使用 HTML 标签或 CodeIgniter 的 link_tag() 函数。

最佳实践：使用绝对路径、启用 URL 重写、合并压缩 CSS 文件、使用 CDN。

问题排查：解决 404 错误、样式未生效、跨域问题。

高级技巧：动态加载 CSS 文件，结合模板引擎使用。

通过合理应用这些方法,你可以确保 CSS 文件在 CodeIgniter 项目中正确加载，为用户提供一致且优质的