不再迷茫！CI框架新手必看：如何创建带样式的CSS文件？

创建CSS文件

在利用CI框架搞定CSS之前，先搞定一份带样式的css文件！首先要在CI框架里新建个style.css文件，放在resources文件夹里。然后设置好你需要的外观，比如改变界面元素的颜色啊、大小啊、位置啊什么的。如下就是一个简单的style.css文件示例：

css

body {
字体选择：Arial，无衬线的
    background-color:#f0f0f0;
}
h1 {
    color: blue;
body {
  font-family: Arial, sans-serif;
  background-color: #f1f1f1;
}
h1 {
  color: #333333;
}
.container {
  max-width: 960px;
  margin: 0 auto;
  padding: 20px;
  background-color: #ffffff;
}
.button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  color: #ffffff;
  text-decoration: none;
  border-radius: 5px;
}

设置配置文件

记得过来把config.php里的东西调调，不然框架找不到你的CSS在哪儿了。你就去看看在这个地方——application/config/config.php文件，找到那个叫”base_url”的地方，加上下面这段字儿就行：


php

$config['css_path'] = base_url() . 'css/';

$config['css_path']='css/';
这样一来，就可以随时随地用到"css/"这个超级助手！
在视图文件中引入CSS
视图文件一般都在 app/views 这里想要加入CSS样式，只要在对应的视图文件内添加这么一句：
html

<link rel="stylesheet" type="text/css" href="config->item('css_path'); ?>style.css">

这个程序就是用了那个$config数组然后通过item()函数找到名叫”css_path”的那项全局配置，最后把它作为href属性加到标签上。

运行应用程序

做完那几步骤后，记得先存个档然后试试能不能启动CI程序，看看效果怎么样。接着，打开你的浏览器，输入网址到首页，顺便瞅瞅Style.CSS文件是不是已经成功导入了？再检查一下那些样式规则，是不是都正确无误？

这儿！搞定CI框架和CSS样式并不难，就是把文件放到对的地方，再连上它们就好了。不过别忘了，项目不同，路径和文件名也会有所不同哟。如果你想引用多个CSS文件，那就在视图文件加几个标签。

学会了这几招，你就可以在CI框架里加入漂亮的CSS代码来美化网页了！而且了解CSS规则还能使网页更易于理解和使用！

看完这篇文章，记得在电脑上实践一下，帮助你构建CI框架和加个炫酷的CSS样式！

			    						    						    						    					    		
			    					    				    					    			
 原文链接：https://www.icz.com/technicalinformation/web/2024/03/12169.html，转载请注明出处~~~