2015-02-24 91 views
0

我的CSS文件“styles.css”未加载。我在Mac上,我的PHP服务器设置为从我桌面上的“PHP”文件夹加载。在PHP中链接CSS

以下是文件路径css文件夹:/用户/ evanbutler /桌面/ PHP/CSS

从PHP文档代码:

<head> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> 
<link rel="stylesheet" type="text/css" href="/Users/evanbutler/Desktop/PHP/css/styles.css"> 
<title>Create a Business Card</title> 

回答

1

你应该使用相对从您的工作项目的根文件夹到您的css文件的路径。您是否正在使用像XAMPP这样的环境来测试您的本地项目?

如果是这样,你的CSS相对url将是一个href="css/styles.css"

+0

您的index.php或index.html文件位于您的目录系统中的位置在哪里? – ddonche 2015-02-24 06:40:06

+0

我不熟悉XAMPP,PHP新手...... – 2015-02-24 06:53:17

+0

您需要某种方式将您的计算机用作服务器才能查看您使用PHP进行的任何操作。这意味着你至少需要安装Apache和Mysql(或其他数据库引擎)。一个简单的方法是下载一个打包的交易,其中包括Apache,PHP和Mysql。 你可以得到这些Windows(检查出WAMP或XAMPP),Mac(MAMP)或Linux(LAMP)。它使事情变得更容易。 – ddonche 2015-02-24 16:19:29

4

正确的方法是从你的桌面复制style.css到项目文件夹/ css。然后包括通过HREF = “CSS/Styles.css中”

CSS他们有四个方法来CSS文件链接到HTML:

  1. 链接到一个单独的CSS文件

    <的link rel =”样式表”类型= “文本/ CSS的” href = “mystyles.css”/ >

  2. 嵌入CSS到HTML

    <款式媒体= “屏幕” 类型= “文/ CSS” >
    在此添加样式规则
    < /风格>

  3. 添加内嵌CSS HTML标签

    <h2 style="color:red;background:black;">This is a red heading with a black background</h2> 
    
  4. 导入CSS来自CSS内的文件

    @import“newstyles.css”;