你如何将css链接到jade文件?

Posted

技术标签:

【中文标题】你如何将css链接到jade文件?【英文标题】:how do you link css to a jade file? 【发布时间】:2013-12-13 22:33:16 【问题描述】:

我目前正在尝试链接normalize.css,但它不工作(使用套接字快递)

html
        head
                title= "Real time web chat"
                link(href='/css/normalize.css')
                script(src='/chat.js')
                script(src='/socket.io/socket.io.js')
                script(src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js')
        body
                #content(style='width: 100%; height: 600px; margin: 0 0 20px 0; border: solid 1px #999; overflow-y: scroll;')
                .controls
                        | Name: 
                        input#name(style='width:350px;')

                        input#field(style='width:350px; display: inline; margin-left -90px;')
                        input#send(type='button', value='send')

【问题讨论】:

【参考方案1】:

你需要rel

link(href='/css/normalize.css', rel='stylesheet')

【讨论】:

当我查看源代码时,它显示“Cannot GET /css/normalize.css” 那你可能走错了路。如果您使用 express 默认文件夹模板,normalize.css 应该在 `public/css/' 中。 谢谢我把它放在我自己创建的 CSS 文件夹中 rel=stylesheet 是我的解决方案。谢谢

以上是关于你如何将css链接到jade文件?的主要内容,如果未能解决你的问题,请参考以下文章

链接到其他玉文件

玉模板引擎,如何使用layout.jade?

如何将 index.html 链接到 github 页面的 css 文件

将css文件链接到html时如何正确写出本地文件的绝对路径?

将 .css 链接到另一个文件夹

Jade:如何包含 javascript 文件