【问题标题】：CodeIgniter PHP stylesheet link. HOW?CodeIgniter PHP 样式表链接。如何？
【发布时间】：2011-02-14 06:24:48
【问题描述】：

我正在为我的 php 使用 xampp。我已经下载了一个代码点火器并将其保存在我的 htdocs 上。我已经制作了一个数据库和一个示例页面。我唯一的问题是如何链接我的 CSS。我应该在哪里保存我的 style.css？如何调用我的 style.css？

我有这个，但仍然有问题。是否有关于如何链接 css 的分步说明？

谢谢。

【问题讨论】：

标签： php codeigniter

【解决方案1】：

将您的 CSS 放在您想要的任何位置，然后定位到该网址。

尝试将其放在文件夹“/css/test.css”中，例如“/”是您网站的根目录，而不是您的 CI 安装。

从 CI 中，您可以调用它

<?= link_tag(base_url().'css/test.css'); ?>

应该会生成以下代码

<link href="http://yoursite.com/css/test.css" rel="stylesheet" type="text/css" />

如果您在 CSS 定位方面遇到问题，找出您的脚本在哪里尝试调用它的最简单方法是查看您的网页源输出。你会看到 CI 认为它的确切位置。

【讨论】：

让我们知道您需要 URL 和 HTML 帮助程序自动加载或包含在您的类中才能执行此操作。
@sarfraz 我正在使用link_tag('application/assets/css/style.css');，但我无法调用我的样式表

【解决方案2】：

你可以把你的样式表放在任何地方——只要把你的目录正确地放到它上面。您发布的代码将在您的主目录（包含许可证、系统、user_guide 等的文件夹）中查找。它将查找名为“stylesheet”的文件夹，然后查找 style.css。

确保您的样式表在其中。

【讨论】：

【解决方案3】：

使用 Firefox 插件 FireBug 将对此有很大帮助。查看输出的 HTML 的源代码，找出浏览器在哪里寻找该样式表，并确保它在那里。

【讨论】：

【解决方案4】：

我是来自印度卡纳塔克邦迈索尔的 Syed Haroon。

假设：根文件夹名称：ci_test CSS 文件名：mystyles.css"; 控制器文件名：Start.php 查看文件名：test_view.php

解决方案：

对 WAMP 的建议（希望在 xampp 中很容易修复）：

保存到root/system/application/css

在应用程序文件夹中新建一个 CSS 目录（只是为了以正确的方式管理文件和文件夹）

如何连接回 CSS 文件？

在系统/应用程序/config/config.php中编辑 "$config['base_url'] = http://localhost/" 为

$config['base_url'] = "http://localhost/ci_test";

创建一个新行

$config['css'] = "system/application/css/mystyles.css";

在“system/application/controllers/start.php”中创建一个Controller，插入以下示例代码：

class Start extends Controller {
 var $base;
 var $css;

 function Start(){
  parent::Controller();
  $this->base = $this->config->item('base_url');
  $this->css = $this->config->item('css');
 }

 function hello(){
  $data['css'] = $this->css;
  $data['base'] = $this->base;
  $data['mytitle'] = 'Welcome to this site';
  $data['mytext'] = "Hello, now this is how CSS work!";
  $this->load->view('test_view', $data);
 }
}

在“system/application/views/test_view.php”中创建一个视图文件，插入以下示例代码：

<html>
<head>
<title>Web test Site</title>
<base href= <?php echo "$base"; ?> >
<link rel="stylesheet" type="text/css" href="<?php echo "$base/$css";?>">
</head>
<body>
<h1><?php echo $mytitle; ?> </h1>
<p class='test'> <?php echo $mytext; ?> </p>
</body>
</html>

现在在浏览器的地址栏中输入“http://localhost/ci_test/index.php/start/hello/”

【讨论】：

【解决方案5】：

最简单的方法是将css文件与index.php文件放在同一目录中，并使用<link rel="stylesheet" type="text/css" href="style.css" />引用它，或者如果你有多个css文件，您可以创建一个可以放置它们的子目录。

【讨论】：

【解决方案6】：

我认为更好的方法是创建一个公用文件夹。将css、js、images文件夹放到public文件夹中。

在根文件夹中创建一个 .htaccess 文件。（index.php在哪里）

将其放入 .htaccess 文件中：

RewriteEngine On

RewriteCond $1 !^(index\.php|images|js|css)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ ./index.php/$1 [L,QSA]

RewriteCond $1 ^(images|js|css)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ ./public/$1 [L,QSA]

之后你可以像这样引用文件：

<img src="/images/blablabla.jpg">

或 /css/blabla.css 等等……

【讨论】：

【解决方案7】：

我的文件我的文件路径是 <link href="<?php echo base_url();?>assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>& 不工作。

终于用上了

RewriteEngine on RewriteCond $1 !^(index\.php|images|assets|robots\.txt) RewriteRule ^(.*)$ /index.php/$1 [L]

在我的 .htaccess 文件上，它现在可以工作了。您可以重命名您的文件，而不是“资产”我的样式文件夹名称。

【讨论】：

您应该将您的资产或 css/js 文件保存在 CI 的根目录中。