Home > Backend Development > PHP Tutorial > javascript - php中CSS的问题

javascript - php中CSS的问题

WBOY
Release: 2016-06-06 20:13:40
Original
1030 people have browsed it

最近在使用php的过程中遇到了引入css的问题,我在页面的Header栏中,增加了登录,然后用session去检测用户的状态。

loginFilter.php

<code><?php session_start();
if($_SESSION[username]==""){
     echo "<li><a href="login.html"> Login</a>";
     echo "<li><a href="reg.html">  Register</a></li>";
  }
else{
    echo "<li><a href="login.html">  个人中心</a></li>";
}
?></code>
Copy after login
Copy after login

这样用来检测用户是否登录,如果用户已经登录,则显示个人中心,反之则显示登录和注册。
在UI库中,我用了font-awsome的UI库,但是发现i元素不能够使用,如

<code>echo "<li><a href="login.html"><i class="fa fa-user"></i>  个人中心</a></li>";</code>
Copy after login
Copy after login

最终插入到Header的ul中

<code><ul>
        <li><a class="logoImage"></a></li>
        <li><a href="http://google.com"><i class="fa fa-home"></i>  Home</a></li>
        <li><a href="http://google.com"><i class="fa fa-trophy"></i>  League</a></li>
        <li><a href="http://google.com"><i class="fa fa-user-secret"></i> Players</a></li>
        <li><a href="http://google.com"><i class="fa fa-users"></i>   Team</a></li>
        <?php include('loginFitter.php')
        ?>
      </ul></code>
Copy after login
Copy after login

后来又用了Bootstrap的UI库,还是不行,所以我觉得可能是php中引入css格式错误的问题。

<code><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"></code>
Copy after login
Copy after login
Copy after login

请问我改怎么把css引入进去呢

回复内容:

最近在使用php的过程中遇到了引入css的问题,我在页面的Header栏中,增加了登录,然后用session去检测用户的状态。

loginFilter.php

<code><?php session_start();
if($_SESSION[username]==""){
     echo "<li><a href="login.html"> Login</a>";
     echo "<li><a href="reg.html">  Register</a></li>";
  }
else{
    echo "<li><a href="login.html">  个人中心</a></li>";
}
?></code>
Copy after login
Copy after login

这样用来检测用户是否登录,如果用户已经登录,则显示个人中心,反之则显示登录和注册。
在UI库中,我用了font-awsome的UI库,但是发现i元素不能够使用,如

<code>echo "<li><a href="login.html"><i class="fa fa-user"></i>  个人中心</a></li>";</code>
Copy after login
Copy after login

最终插入到Header的ul中

<code><ul>
        <li><a class="logoImage"></a></li>
        <li><a href="http://google.com"><i class="fa fa-home"></i>  Home</a></li>
        <li><a href="http://google.com"><i class="fa fa-trophy"></i>  League</a></li>
        <li><a href="http://google.com"><i class="fa fa-user-secret"></i> Players</a></li>
        <li><a href="http://google.com"><i class="fa fa-users"></i>   Team</a></li>
        <?php include('loginFitter.php')
        ?>
      </ul></code>
Copy after login
Copy after login

后来又用了Bootstrap的UI库,还是不行,所以我觉得可能是php中引入css格式错误的问题。

<code><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"></code>
Copy after login
Copy after login
Copy after login

请问我改怎么把css引入进去呢

判断登陆应该在controller里控制,然后根据判断的结果,渲染不同的view视图。不应该在视图里做太多业务逻辑判断。
另外你的代码有错误,正确的代码:

<code>echo '<li><a href="login.html"><i class="fa fa-user"></i> 个人中心</a></li>';</code>
Copy after login

没搞清楚问题出在哪里,你直接在html的head标签中加上

<code><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"></code>
Copy after login
Copy after login
Copy after login

就引入进来了呀,你说的i元素不能够使用是什么意思,是没显示出来,还是样式的问题。

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template