CodeIgniter css样式不显示有关问题
CodeIgniter css样式不显示问题
这是我的引用css的代码
<br /><!DOCTYPE html><br /><html lang="en"><br /><head><br /> <title><?php echo $title ?> - News</title><br /><style type="text/css"><br /><link type="text/css" rel="stylesheet" href="<?=$this->config->item('base_url');?>css/yangshi.css" /><br /></style><br /></head><br /><body><br /> <h1 id="News">News</h1><br />
这是我的config.php的文件
<br />$config['base_url'] = 'http://127.0.0.1/myPhpStudy/index.php/';<br />
这是生成页面后的源代码,点击href连接显示404,我怀疑可能路径错误,可是我不知道哪里错了
<!DOCTYPE html><br /><html lang="en"><br /><head><br /> <title>Create a news item - News</title><br /><style type="text/css"><br /><link type="text/css" rel="stylesheet" href="http://127.0.0.1/myPhpStudy/index.php/css/yangshi.css" /><br /></style><br /></head><br /><body><br /> <h1 id="News">News</h1><br /><br /><h2 id="Create-nbsp-a-nbsp-news-nbsp-item">Create a news item</h2> <br /> <br /> <br /> <br /><form action="http://127.0.0.1/myPhpStudy/index.php/news/create" method="post" accept-charset="utf-8"> <br /> <br /> <label for="title">Title</label> <br /> <input type="input" name="title" /><br /><br /><br /> <br /> <label for="text">Text</label> <br /> <textarea name="text"></textarea><br /> <br /> <br/><br /> <br /> <input type="submit" name="submit" value="Create news item" /> <br /><span class="feifei">wsdfsfdsa</span><br /></body> <br /></html>
我的css文件夹和header.php页面都是在news文件夹下面的,不知道到底哪里错了,请大牛指点啊,本人是刚刚接触php的
------解决方案--------------------
http://127.0.0.1/myPhpStudy/index.php/css/yangshi.css" />
这是有效地路径吗?
难道 index.php 是目录?
------解决方案--------------------
base_url("css/yangshi.css");?>" />试试?
------解决方案--------------------
href="=base_url("css/yangshi.css");?>"这个在页面上打印出来的连接发出来看看
------解决方案--------------------
dirname($this->config->item('base_url'));?>css/yangshi.css" />
------解决方案--------------------
<link type="text/css" rel="stylesheet" href="<?=dirname($this->config->item('base_url'));?>/css/yangshi.css" />
------解决方案--------------------
贴出的的目录结构
并指出你的文件的位置
------解决方案--------------------
在网站直接输入http://127.0.0.1/myPhpStudy/index.php/css/yangshi.css能访问吗?是不是css这个目录限制访问的?
------解决方案--------------------
执行的文件为 myPhpStudy/index.php
样式表在 myPhpStudy/application/css 中
所以样式表的路径应为
dirname($this->config->item('base_url')) . '/application/css/'

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

如何使用 Bootstrap 按钮?引入 Bootstrap CSS创建按钮元素并添加 Bootstrap 按钮类添加按钮文本

Bootstrap 列表的默认样式可以通过 CSS 覆盖来移除。使用更具体的 CSS 规则和选择器,遵循 "就近原则" 和 "权重原则",覆盖 Bootstrap 默认的样式。为避免样式冲突,可使用更具针对性的选择器。如果遇到覆盖不成功的情况,可调整自定义 CSS 的权重。同时注意性能优化,避免过度使用 !important,撰写简洁高效的 CSS 代码。

在 Bootstrap 中插入图片有以下几种方法:直接插入图片,使用 HTML 的 img 标签。使用 Bootstrap 图像组件,可以提供响应式图片和更多样式。设置图片大小,使用 img-fluid 类可以使图片自适应。设置边框,使用 img-bordered 类。设置圆角,使用 img-rounded 类。设置阴影,使用 shadow 类。调整图片大小和位置,使用 CSS 样式。使用背景图片,使用 background-image CSS 属性。

要建立 Bootstrap 框架,请按照以下步骤操作:通过 CDN 或安装本地副本安装 Bootstrap。创建一个 HTML 文档,将 Bootstrap CSS 链接到 <head> 部分。添加 Bootstrap JavaScript 文件到 <body> 部分。使用 Bootstrap 组件并自定义样式表以满足您的需要。

使用 Bootstrap 布局网站,需要使用网格系统,将页面划分为容器、行和列。首先添加容器,然后在其中添加行,并在行内添加列,最后在列中添加内容。Bootstrap 的响应式布局功能根据断点(xs、sm、md、lg、xl)自动调整布局,通过使用响应式类可以实现不同屏幕尺寸下的不同布局。

在 Bootstrap 中验证日期,需遵循以下步骤:引入必需的脚本和样式;初始化日期选择器组件;设置 data-bv-date 属性以启用验证;配置验证规则(如日期格式、错误消息等);集成 Bootstrap 验证框架,并在表单提交时自动验证日期输入。

要调整 Bootstrap 中元素大小,可以使用尺寸类,具体包括:调整宽度:.col-、.w-、.mw-调整高度:.h-、.min-h-、.max-h-

Bootstrap 提供了设置导航栏的简单指南:引入 Bootstrap 库创建导航栏容器添加品牌标识创建导航链接添加其他元素(可选)调整样式(可选)
