解决方案：

Question

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

<link rel="stylesheet" href="<? base_url(); ?>stylesheet/style.css" type="text/css" media="screen"/>

我有这个但仍有问题。是否有关于如何链接CSS的逐步步骤？

谢谢。

Answer 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认为它的确切位置。

Answer 2

你可以把你的样式表放在任何地方 - 只需要正确地获取你的目录。您发布的代码将在您的主目录（具有许可证，系统，user_guide等的文件夹）中查找。它将查找名为'stylesheet'的文件夹，然后查找style.css。

确保你的样式表在那里。

Answer 3

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

Answer 4

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

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

解决方案：

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

将其保存在root / system / application / css

中

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

如何连接回CSS文件？

在system / application / 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/”

的地址栏中输入此内容

Answer 5

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

Answer 6

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

在根文件夹中创建.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 等...

Answer 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文件＆amp;它现在正在运作。您可以重命名文件，而不是“资产”我的样式文件夹名称。

CodeIgniter PHP样式表链接。怎么样？

7 个答案:

解决方案：

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

如何连接回CSS文件？