CSS文件沒有鏈接

所以我有一個基本的html文件和css文件在不同的文件夾中。主文件夾「code」有兩個文件夾：「模板」和「css」。CSS文件沒有鏈接

home.html位於「模板」文件夾中，main.css位於「css」文件夾中。

<link rel="stylesheet" type="text/css" href="../css/main.css" />

我用這個鏈接，它在本地工作正常，但是當我連接到本地主機端口時，根本不讀取css文件。任何想法爲什麼？

我也許應該補充一點，我使用谷歌應用程序引擎並部署網站。這是短Python代碼：

import bottle 
from bottle import route 
from string import Template 
from google.appengine.ext.webapp import util 
bottle.app().catchall=False 

@route('/') 
def readpage(): 
    fid = open('templates/home.html') 
    return fid 

util.run_wsgi_app(bottle.default_app())

而且app.yaml的處理程序：

handlers: 
- url: .* 
    script: main.py 

- url: /css 
    static_dir: css 

- url: /media 
    static_dir: media

固定：有這個，而不是添加到YAML文件：

- url: /css/main.css 
    static_files: css/main.css 
    upload: css/main.css

感謝大家幫助。

來源

2012-07-22 KobeBryant

通過發佈您的HTML鏈接到您的CSS文件以及與該網站相關的任何Web服務器配置來幫助我們。 – Roberto 2012-07-22 01:08:49

已修復，我沒有正確地分配代碼。 – KobeBryant 2012-07-22 01:11:28

該HTML沒有錯。仔細檢查CSS是否在服務器上，這是可訪問的，例如在地址欄中輸入它的URL。你已經知道Firefox Web控制檯了嗎？它會告訴你爲什麼沒有加載文件（從客戶的角度來看）。 – tiwo 2012-07-22 01:12:11

我建議你嘗試使用絕對路徑。如果虛擬主機的根目錄或者同時包含templates和css的目錄，那麼您應該只使用/css/main.css。

這會在查看http://localhost/templates/home.html時解決問題，但可能無法在某些所見即所得的編輯器中或在訪問Web服務器之外的文件時使用。試着找出哪些開發環境對您更好，以避免這些問題。

來源

2012-07-22 01:18:01 Roberto

CSS文件沒有鏈接

回答

相關問題