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=""这个在页面上打印出来的连接发出来看看
------解决方案--------------------
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/'
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
1358
52
Comment résoudre le problème de compatibilité H5
Apr 06, 2025 pm 12:36 PM
Les solutions aux problèmes de compatibilité H5 comprennent: l'utilisation de conception réactive qui permet aux pages Web d'ajuster les dispositions en fonction de la taille de l'écran. Utilisez des outils de test de croisement pour tester la compatibilité avant la libération. Utilisez Polyfill pour fournir un support pour les nouvelles API pour les navigateurs plus âgés. Suivez les normes Web et utilisez du code efficace et des meilleures pratiques. Utilisez des préprocesseurs CSS pour simplifier le code CSS et améliorer la lisibilité. Optimiser les images, réduire la taille de la page Web et accélérer le chargement. Activez HTTPS pour assurer la sécurité du site Web.
Comment faire PS Gradient Color Picker
Apr 06, 2025 pm 10:09 PM
Les cueilleurs de couleurs de gradient offrent aux concepteurs la flexibilité d'extraire et de création de gradients à partir d'images. Il simplifie la création de gradient, garantit que la précision, inspire, améliore l'efficacité et fournit un support multiplateforme et couvre un large éventail d'applications, notamment des sites Web, une conception graphique, une conception d'interface utilisateur / UX et de l'art numérique.
Comment supprimer le style par défaut dans la liste Bootstrap?
Apr 07, 2025 am 10:18 AM
Le style par défaut de la liste bootstrap peut être supprimé avec CSS Override. Utilisez des règles et sélecteurs CSS plus spécifiques, suivez le «principe de proximité» et le «principe de poids», en remplacement du style par défaut de bootstrap. Pour éviter les conflits de style, des sélecteurs plus ciblés peuvent être utilisés. Si le remplacement est infructueux, ajustez le poids du CSS personnalisé. Dans le même temps, faites attention à l'optimisation des performances, évitez la surutilisation de! Importante et écrivez le code CSS concis et efficace.
Comment afficher le système de grille de bootstrap
Apr 07, 2025 am 09:48 AM
Le système de maillage de Bootstrap est une règle pour construire rapidement des dispositions réactives, composées de trois classes principales: conteneur (conteneur), ligne (ligne) et col (colonne). Par défaut, des grilles à 12 colonnes sont fournies et la largeur de chaque colonne peut être ajustée via des classes auxiliaires telles que Col-MD-, réalisant ainsi l'optimisation de mise en page pour différentes tailles d'écran. En utilisant des classes de décalage et des mailles imbriquées, la flexibilité de mise en page peut être étendue. Lorsque vous utilisez un système de grille, assurez-vous que chaque élément a la bonne structure de nidification et envisagez une optimisation des performances pour améliorer la vitesse de chargement des pages. Ce n'est que par une compréhension et une pratique approfondies que nous pouvons maîtriser avec compétence le système de grille bootstrap.
Comment télécharger des fichiers sur bootstrap
Apr 07, 2025 pm 01:09 PM
La fonction de téléchargement de fichiers peut être implémentée via Bootstrap. Les étapes sont les suivantes: introduire les fichiers Bootstrap CSS et JavaScript; créer des champs d'entrée de fichier; créer des boutons de téléchargement de fichiers; gérer les téléchargements de fichiers (à l'aide de FormData pour collecter des données, puis envoyer au serveur); style personnalisé (facultatif).
Comment garder le code simple au centre de l'image de bootstrap
Apr 07, 2025 am 07:27 AM
Conseils de centrage d'image de bootstrap: Utilisez le système de grille pour centrer horizontalement: Justify-Content-Center Class pour centrer horizontalement, Col-Auto permet à l'image de s'adapter au besoin et d'adapts IMG-FLUID à la taille du conteneur. Utilisez Flexbox pour centrer verticalement: D-FLEX définit le conteneur dans le conteneur Flex, Align-Items: Centre verticalement. Essayez d'utiliser les propres classes de Bootstrap, suivez les directives de code concis, évitez les styles personnalisés, la nidification excessive et améliorez la lisibilité et l'efficacité du code.
Le centrage d'image prend-il en charge le zoom d'image?
Apr 07, 2025 am 07:42 AM
Comment réaliser le centrage d'images et l'échelle dans Bootstrap: Utilisez D-Flex Justify-Content-Center pour centrer les images horizontalement. Utilisez Align-Items-Center et Fixed Parent Element Height Centrez verticalement l'image. Utilisez les attributs de largeur et de hauteur pour contrôler la taille de l'image, ou utilisez la largeur maximale et la hauteur maximale pour limiter la taille maximale. Utilisez la classe IMG-FLUID ou le mécanisme de conception réactif, tel que les requêtes multimédias, pour atteindre une mise à l'échelle réactive. Optimiser la taille de l'image, la mise à l'échelle de contrôle à l'aide de l'attribut d'objet-ajustement et suivre les meilleures pratiques pour assurer les performances et la maintenabilité.
Comment voir le style CSS de bootstrap
Apr 07, 2025 am 10:24 AM
Comment afficher Bootstrap CSS: Utilisation d'outils de développement de navigateur (F12). Trouvez l'onglet "Elements" ou "Inspector" et trouvez le composant bootstrap. Affichez les styles CSS que le composant applique dans le panneau Styles. Les outils du développeur peuvent être utilisés pour filtrer les styles ou déboguer le code pour mieux comprendre son fonctionnement. Compétent dans les outils des développeurs et éviter les détours.
