如何在模板引擎Smarty中引入CSS文件？-css教程-PHP中文网

{literal}会阻止smarty解析变量，导致含{$theme}等动态路径的失效；正确做法是仅对纯静态代码用{literal}，动态路径应直接写在标签内让smarty解析。

如何在模板引擎smarty中引入css文件？

Smarty中用`{literal}`包裹`<link>`标签会失效？

直接在Smarty模板里写<link rel="stylesheet" href="style.css">通常能工作，但一旦CSS路径含Smarty变量（比如{$theme}/main.css）或模板开启了auto_escape，就可能被转义或解析错误。根本原因不是{literal}本身有问题，而是它会原样输出内容——连里面的{$var}也不解析，导致动态路径失效。

正确做法是：不用{literal}包裹整个<link>，只对需要字面量处理的片段用。动态路径必须让Smarty解析：

路径含变量时，写成<link rel="stylesheet" href="css/%7B%24theme%7D/main.css">
若href值来自PHP传入的变量（如$smarty->assign('css_url', '/assets/app.css');），用<link rel="stylesheet" href="%7B%24css_url%7D">
避免在{literal}里放{$xxx}，否则变量不会被替换

使用`{html_css}`函数时提示`undefined function`

{html_css}不是Smarty内置函数，是PEAR的HTML_Template_Smarty扩展或某些老项目自定义的插件。Smarty 3/4 默认不提供这个函数，直接调用会报错。

替代方案更可控：

手动写<link>标签（推荐，简单明确）

自己注册一个简单插件：

function smarty_function_html_css($params, $template) {
    $href = isset($params['href']) ? $params['href'] : '';
    return '<link rel="stylesheet" href="'%20.%20htmlspecialchars(%24href)%20.%20'">';
}

然后在模板中用{html_css href="/css/base.css"}

如果项目已用Assetic等资源管理工具，CSS应由后端生成最终路径，Smarty只负责输出变量

在`{include}`子模板里引入CSS，样式不生效

HTML规范要求<link>必须在内，而Smarty的{include}常被用在区域。把<link>塞进{include file='sidebar.tpl'}里，浏览器会忽略它，控制台还可能报“Resource interpreted as Stylesheet but transferred with MIME type text/html”。

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

解决思路不是硬塞，而是分层处理：

主模板layout.tpl保留结构，用{block name="styles"}{/block}
子模板用{extends file="layout.tpl"}{block name="styles"}<link rel="stylesheet" href="%7B%24css_path%7D">{/block}
或者PHP层提前收集所有CSS路径，统一赋值给$smarty->assign('page_css', [...])，主模板循环输出